
<html>
  <head>

  <title>every deathstick takes one minute off your life</title>  
<style>


BODY .listen	 {
//u know what they say, 

font-family:verdana;
font-size:30px;
color: white;
scrollbar-face-color : gray;
scrollbar-shadow-color : gray;
scrollbar-highlight-color : gray;
scrollbar-3dlight-color : black;
scrollbar-darkshadow-color : black;
scrollbar-track-color : white;
scrollbar-arrow-color : white ;
A:link { TEXT-DECORATION: none }
A:visited { TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none; COLOR: gray }
A:hover { TEXT-DECORATION: underline overline; COLOR: gray }
body { background-repeat: no-repeat }

// why are you (anyone but wolf pitying me) looking at this code
// im gonna be honest youll be horrified im an artist not a coder
// theres bad weed jokes its cringe
// star wars nerd shit & grandstanding bs for no one
// the notes below this point are m ostly for myself 
// this is the inline frame
// dont touch it 
// (thats @ me)
// .... shit below&above this last touched 02 . 2024
}


.hicial {
width: 1000px;
height: 1000px;
border-radius:10px;
padding: 20px;
margin-left:-10px;
padding-top:20px;
background-image:url("./spacedotbg.png");
display:flex;
align-items:center;

// must be center, flex or blue box flies  away

margin-top: -600px;
border-style:solid;
border-width:10px;
border-color:#00ccff;
border-style:dotted;
background-color:white;
position: relative;
color: white;
font-size: 60px;
font-family: monospace;

// does Not contain the alternate realtiies link
// white pixel stars in the bg 
}


.what {
width: 850px;
color: white;

border-radius:10px;
padding:20px;
position:absolute;
background-image:url("./bluestars.gif");
display:block;
margin-top: -350px;
margin-left: 40px;
padding-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
align-content:center;
align-items:center;
border-style:dotted;
border-width:3px;
border-color:#66bbee;
//blue sparkle space bg area
//since glitterstim is blue and dustlike and glows
//has some deadspace for centering/credits
// no reason to touch..?
// appearsn icely self contained

}

.spark {
display:absolute;
margin-top:341px;
width: 340px;
//still cheaper than glitterst.im
//assume this is on deathsticks.org/glitterstim
//thats the joke a deathstick is cheaper in universe etc
//but also that deathsticks.org is cheaper than glitterst.im in 2023-24

//what does this DO past me
//appears to beintro very carefully positioned for screenreaders and visuals????
}

.cough {
position: absolute;
display:block;
margin-top:170px;
//they hear the name pronounced Correctly
//then the audio will play into the next bit of text like a dialogue
//is that cool i think thats cool i hope its cool

// this likewise to spark is very carefully positioned but ultimately just a gee whiz 
}

.eureka {
display:block;
position: absolute;
margin-top: 145px;
//its the red moon! 
//its gravity affects blus divs
//it hosts the nav linklist for the inlineframe
}

.toke {
display: block;
width: 1000px;
height: 200px;
padding:0px;
position: absolute;
margin-top:-100px;
margin-left:-100px;
align-content:center;

//a wrap? buffer?? must be
// see no reason to mess with
}

.walkies  {
display:block;
position:absolute;
margin-left:30px;
margin-top:200px;
height:300px;
//the blue moon
}

.oops navigation buttons for future {
display:block;
position:absolute;
background-image:("./starbkg.jpg");
//currently does nothing to nothing 
//file exists tho if i want it
}

.alternate {
position: absolute;
width: 100%;
height: 200px;
color: white;
display: block;
padding-bottom: 30px;
padding-top: 30px;
margin-top: 370px;

//ideally contains anchor links wip
//absolute for reasons 
// width defines align of links?
}

.listen {

font-family: verdana;
border-radius: 10px;
width: 335px;
height: 350px;
inline-size:330px;
overflow-wrap: break-word, anywhere;
word-break: break-all;
word-wrap: break-word;
position: absolute;
padding: 0px;
margin-left:3px;
float: top;
background: rgba(255,255,255, 0.7);
display: block;
scrollbar-face-color : gray;
scrollbar-shadow-color : gray;
scrollbar-highlight-color : gray;
scrollbar-3dlight-color : black;
scrollbar-darkshadow-color : black;
scrollbar-track-color : white;
scrollbar-arrow-color : white  ;
//this is inline frame content
//once again background art used in this layout was by my friend
//keetah spacecat
//spacecat-studios.net

//done, no need to touch?
//believe it or not it Mostly works on desktop and mobile 
//as Designed by Meanyway
}

</style>



<link rel="apple-touch-icon" sizes="76x76" href="./favicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon.png">

<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">


</head>

<body bgcolor=99eeff text=black vlink=3366cc link=white alink=3399cc leftmargin=0 rightmargin=0 MARGINWIDTH=0 MARGINHEIGHT=0 topmargin="0"><center>
<BR>
<div class="hicial" alt="This is a Work In Progress for ScreenReaders.">

<font face=verdana size=2><div class="toke">
<BR><BR><BR>

<table border=0 width=800 height=0><tr><td><center>
<div class="what">


<BR><BR><BR>

<table width=760 height=615 bgcolor=003366 background=weeespace.png border=0><tr>


<td width=15></td><td valign=top width=350><BR>
<div class="listen">
<IFRAME frameBorder=1 height=346 width=334 marginHeight=0 marginWidth=0 marginleft=3 src="latch.html" name=water title="Here Comes Content Navigation">Your browser doesn't support inline frames rip</IFRAME></div>

<div class=spark>
<font face=verdana size=1 color=336666><BR>
<B>&nbsp; &nbsp; still cheaper than glitterst.im</b><BR></font>

<div class=cough>
<Img src="hihi.png" width=340 height=44 alt="hi kyle." label="hi i,m cial">
</div>
</div>
</td>
<td width=172></td>
<td width=76><div class=eureka><font size=1><center><BR><BR>
<B>&nbsp; &nbsp; &nbsp; &nbsp;o hay sup</b></center><font size=2>
>> <a href=stats.html target=water alt="A little red planet floats by in space. Navigation links control the inline frame above.">stats</a><BR>
>> <a href=story.html target=water alt="character backstory, future story, rp logs">story</a><BR>
>> <a href=arts.html target=water alt="art by myself and others as well as furcadia portrait credits">arts</a><BR>
>> <a href=ooc.html target=water alt="about myself">OOC</a><BR>
>> <a href=credits.html target=water alt="">credits</a><BR>
<font size=1><center><B>[<a href=latch.html target=water alt="return inline frame latch dot html to landing page">main</a>]</div>
</td>

<td valign=top><font size=4><div class=walkies><font size=1 face=verdana color=white><center><BR><BR>haha, hey<BR><a href=http://starwars.wikia.com/wiki/Glitterstim alt="a little blue chilly moon floats by. an offlink to star wars canon websites reference that once this lil drug was part of regular canon but now disney owns that shit and it is very much a bummer innit?"><B>chill out</b></a>,<BR>
my friend. 
</div>
</div>

</td></tr></table>
<table width=740><td valign=top><font size=1 color=white>This is primarily a repository for details on my original character so that i can link it on <B>furcadia dot com</b> 2009?-2023 <br>

this site's a practice test for screen readers. please send feedback to <B>cial at deathsticks dot org</b> and thank you for visiting!

</td></tr></table>
<br><BR>
</td></tr></table>
<br>
</div>
<BR><BR><BR>

<BR><BR>
<div class=alternate><center><font color="000033" size="4" family="monospace"><BR> Do you believe in <a href="http://deathsticks.org/burnout/"><font color="002255">alternate</font></a> realities //?</font></center>
</div></div>