h0wid1s4pp3ar Neocities

<HTML>
<head>
<title>itinerae: radioactive </title>
<link rel="shortcut icon" href="https://guns.lol/h0wid1s4pp3ar"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

body {
background:#0C1912 url(https://files.catbox.moe/7zggqg.webp);}
  
  
table {
font-family:"Goldman", courier new;
font-size:11px;
line-height:13px;
letter-spacing: 1px;
color:#458c3a;}

b {color:#00FF00;font-weight:normal;}

a:link, a:visited, a:active { 
color:green;text-decoration:none;}
a:hover {color:#00FF00;}
  
img {border:0;}
  
::-webkit-scrollbar-thumb {
background-color: green;  
border-radius: 3px;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}

.title {
display:inline-block;
background:#051105;
color:green;
font-family:'orbitron';
font-size:11px;
text-transform:uppercase;
line-height:10px;
letter-spacing:3px;
border-top-left-radius:3px;border-top-right-radius:3px;
border:1px solid #113711;
border-bottom:1px dotted green;
padding:4px;}
  
  
.navigation a { 
display:inline-block;
background:; 
padding-left:10px;
padding-right:10px;
font:9px 'orbitron';
text-transform:uppercase;
font-weight:bold;
border-top-left-radius:0px;border-top-right-radius:0px;
line-height:12px;
color:green;}
      
.navigation a:hover {
color:#00FF00;}

.sitename {background:#111;width:90%;font-family:'orbitron';font-size:100px;letter-spacing:10px;color:green;line-height:20px;border-radius:15px;}
.top {background: #000; border: 1px solid #123E12;border-bottom: 0px;border-top-left-radius:15px;border-top-right-radius:15px;}
.navigation {background:#0B250B;border-bottom: 1px dotted #123E12;}
.left {background: #000; border-right: 1px dotted #123E12;border-left: 1px solid #123E12;}
.middle {background: #000;border-right:1px dotted #113711;}
.right {background: #000;border-right: 1px solid #113711;}
.footer {background: #000; border: 1px solid #123E12; border-top: 1px dotted #123E12;line-height:30px;}
.box {background:#051105;border:1px solid #113711;border-top:2px solid #111;border-radius:3px;
border-top-left-radius:0px;padding:4px;padding-left:8px;padding-top:8px;margin-bottom:8px;}
#news {background:#000;font-size:9px;}
textarea {background:#000;border:1px solid #123E12;color:#458c3a;font:10px 'goldman';letter-spacing:1px;margin-bottom:5px;}

</style>
  
  
<script type="text/javascript">
// <![CDATA[
var news=Array("testtest", "teeeeeeesttest");
var cursor="_"; // set cursor
var delay=8; // seconds between each news item

/***************************\
* News Ticker Text Effect   *
*(c)2004-14 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var newsp, cursp, flash, item=0;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addRVLoadEvent(teleprint);

function teleprint () { if (document.getElementById) {
  var span=document.getElementById("news");
  while (span.childNodes.length) span.removeChild(span.childNodes[0]);
  delay*=1000;
  newsp=document.createElement("span");
  cursp=document.createElement("span");
  cursp.appendChild(document.createTextNode(String.fromCharCode(160)+cursor));
  span.appendChild(newsp);
  span.appendChild(cursp);
  ticker();
}}

function ticker() {
  var i;
  while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  newsp.appendChild(document.createTextNode(news[item].substring(0,1)));
  for (i=1; i<news[item].length; i++) setTimeout('newsp.firstChild.nodeValue="'+news[item].substring(0, i+1)+'"', 100*i);
  if (news[item].indexOf("www")!=-1) setTimeout('linkit('+item+')', 100*i);
  setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100*i)
  setTimeout('clearInterval(flash)', delay);
  setTimeout('cursp.style.visibility="visible"', delay);
  setTimeout('ticker()', delay);
  item=++item%news.length;
}

function linkit(q) {
  var a,p,e,l;
  p=news[q].indexOf("www");
  e=news[q].indexOf(" ", p);
  if (e==-1) e=news[q].length;
  l=news[q].substring(p, e);
  while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
  a=document.createElement("a");
  a.href="http://"+l;
  a.appendChild(document.createTextNode(l));
  newsp.appendChild(a);
  newsp.appendChild(document.createTextNode(news[q].substring(e)));
}
// ]]>
</script>
  
</head>

<div class="title">001. title </div>
<div class="box">
test
test <br>
<b>Bold text</b> <a href="">Link</a>
</div>

<div class="title">002. title </div>
<div class="box">
:3

<div class="title">Even moreeeeee </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
infoinfoinfoinfoinfo. 
</div>

<td class="middle" width="300" valign="top">
  
<div class="title">001. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu hendrerit diam. Morbi at consectetur leo. Etiam ultricies, turpis venenatis lobortis dignissim, mauris neque posuere nunc, ac lobortis nibh nulla eget lectus. Morbi varius congue ligula in blandit. </div>
  
<div class="title">002. title </div>
<div class="box">
a whole other thing</div>
  
<div class="title">003. title </div>
<div class="box">
In tempus enim ac consequat hendrerit. Pellentesque sit amet justo commodo, facilisis massa et, dapibus metus. Praesent et est eget urna condimentum egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce augue orci, efficitur eget placerat eu, auctor a urna.
  </div>
  
</td>

<td class="right" width="200" valign="top">
  
<div class="title">001. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>

<center><img src="https://files.catbox.moe/agkzq4.png" width="150" alt="bunny2"></center><br>
  
<div class="title">002. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>
  
<div class="title">003. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>
  
</td>
</table>
  
  
  
  
<table width="700" height="30" cellpadding="4" cellspacing="0"> 
<tr>
<td class="footer" valign="top"> 
<center>Layout: <a target="_blank" href="https://itinerae.blogspot.com/">Itinerae.</a> // Fonts: "Orbitron"  "Goldman"  from Google fonts. // <a target="_blank" href="https://www.mf2fm.com/rv/">JS effect</a></center>
   
</td>
</tr>
</table>

</center>
     
  
</body>
</HTML>