2023-01-09 21:30:45 +00:00
<! DOCTYPE html >
< html lang = " en " >
< head >
2023-02-26 20:09:13 +00:00
< meta charset = " utf-8 " >
2023-02-24 11:05:27 +00:00
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
2023-02-26 20:09:13 +00:00
< link href = " style.css " rel = " stylesheet " type = " text/css " media = " all " >
< style >
2023-01-09 21:30:45 +00:00
body {
margin - top : 0 ;
margin - bottom : 0 ;
}
#guys {
position : fixed ;
bottom : 0 ;
left : 3 rem ;
font - size : 0 ;
}
#guys > * {
margin - right : 0.5 rem ;
}
#bubblecolumn {
position : absolute ;
right : 7 % ;
top : 0 ;
width : 29 px ;
height : 100 % ;
background - image : url ( images / bubblecolumn1 . gif );
background - repeat : repeat - y ;
}
2023-02-26 11:22:38 +00:00
main {
height : 100 % ;
display : flex ;
justify - content : center ;
align - items : center ;
}
2023-02-26 20:09:13 +00:00
#webrings {
display : grid ;
grid - template - columns : auto auto ;
gap : 1 rem ;
}
#webrings > div {
display : flex ;
align - items : center ;
justify - content : center ;
}
#webrings > div > * {
margin : 0 1 rem ;
white - space : nowrap ;
}
2023-02-27 05:36:33 +00:00
#bucketfish, .bflink {
-- red : #ffcaca;
-- orange : #ffedc1;
-- yellow : #feffb8;
-- green : #c4ffcb;
-- blue : #add8ff;
-- purple : #ccafe9;
-- darkgreen : #3E885B;
-- darkblue : #7fb4f5;
-- background : #454545;
-- rainbowright : linear - gradient ( to right , var ( -- red ) 0 % , var ( -- orange ) 20 % , var ( -- yellow ) 40 % , var ( -- green ) 60 % , var ( -- blue ) 80 % , var ( -- purple ) 100 % );
color : var ( -- purple );
display : inline - block ;
position : relative ;
text - decoration : none ;
transition : linear . 2 s ;
}
#bucketfish:before, .bflink:before {
background : var ( -- rainbowright );
content : '' ;
height : 2 px ;
position : absolute ;
bottom : - 1.5 px ;
width : 100 % ;
left : 50 % ;
transform : translateX ( - 50 % );
transition : width 0.2 s ease - in - out ;
}
. bflink : hover {
color : var ( -- purple );
}
#bucketfish:hover:before, .bflink:hover:before {
width : 0 ;
}
#bucketfish span {
animation - delay : var ( -- n );
animation : wave 1.5 s linear var ( -- n ) infinite forwards running , rainbow 3 s linear var ( -- n ) infinite forwards running ;
position : relative ;
}
2023-02-27 07:01:16 +00:00
#v3 {
font - size : . 5 em ;
vertical - align : super ;
white - space : nowrap ;
}
2023-01-09 21:30:45 +00:00
@ media ( prefers - reduced - motion ) {
#bubblecolumn {
display : none ;
}
2023-02-27 05:36:33 +00:00
#bucketfish span {
animation : none ;
}
2023-01-09 21:30:45 +00:00
}
2023-02-26 11:22:38 +00:00
@ media only screen and ( hover : none ) {
#rightsidebg {
box - shadow : none ;
}
@ media ( max - width : 43 rem ) {
h1 {
2023-02-27 07:01:16 +00:00
font - size : 13.5 vw ;
2023-02-26 11:22:38 +00:00
}
h1 + h2 #caption {
font - size : 1.1 em ;
}
2023-02-26 20:09:13 +00:00
#webrings {
grid - template - columns : auto ;
}
2023-02-26 11:22:38 +00:00
}
}
2023-02-27 05:36:33 +00:00
@ keyframes wave {
0 % { top : 0 px ;}
25 % { top : - 1 px ;}
50 % { top : 0 px ;}
75 % { top : 1 px ;}
100 % { top : 0 px ;}
}
@ keyframes rainbow {
0 % { color : var ( -- red );}
17 % { color : var ( -- orange );}
33 % { color : var ( -- yellow );}
50 % { color : var ( -- green );}
67 % { color : var ( -- blue );}
83 % { color : var ( -- purple );}
100 % { color : var ( -- red );}
}
2023-01-09 21:30:45 +00:00
</ style >
< ? php
include ( $_SERVER [ 'DOCUMENT_ROOT' ] . '/seasonal.php' );
2023-01-12 12:38:38 +00:00
if ( ! preg_match ( '/(headless.*)/i' , $_SERVER [ 'HTTP_USER_AGENT' ])) {
2023-01-09 21:30:45 +00:00
$captions = array ();
$seasonal = false ;
switch ( date ( 'm' )) {
case 10 :
$captions = array (
'Boo!' ,
'Happy Halloween!' ,
'World\'s ' . rand ( 1 , 1000000 ) . 'th spookiest website' ,
'$spooky_captions[array_rand($spooky_captions)]' ,
'I thought I\'d be able to come up with more Halloween captions to be honest' ,
'It\'s the Spooky Month™!' ,
'I vant to suck your blood! Just kidding... Unless...?' ,
'This site uses $_HALLOWEEN_THEMED_COOKIE_EQUIVALENT'
);
$seasonal = true ;
break ;
case 12 :
$captions = array (
'hoe hoe hoe or some shit' ,
'Happy Holidays!' ,
'World\'s ' . rand ( 1 , 1000000 ) . 'th most festive website' ,
'Like half of these captions are just lifted wholesale from the Halloween ones' ,
'$festive_captions[array_rand($festive_captions)]' ,
'Merry Capitalism!' ,
'It\'s winter! Nothing else special about this time of year, no siree!' ,
'This site uses $_CHRISTMAS_THEMED_COOKIE_EQUIVALENT... I guess that would just be normal cookies, huh?' ,
'Pretend I put Mariah Carey on autoplay here'
);
$seasonal = true ;
break ;
default :
$captions = array (
'bruh moment' ,
'Try reloading!' ,
'Supports VPNs' ,
'I use arch btw' ,
'Stream deep twisty' ,
'MySite.html' ,
'Over Construction' ,
'Real isopod hours' ,
'Version 3.0: the Not-Reliant-On-Javascript Update' ,
'depytwisty' ,
'[object Object]' ,
'* You found the [Moss]!' ,
'Minceraft' ,
'Best viewed with Firefox' ,
'Isopod gaming' ,
'Website of some "guy"' ,
'your mom' ,
'Badly programmed' ,
'Fuck crypto' ,
'Oh, you know ;)' ,
'gamer (terminal)' ,
'This is not a place of honor' ,
'I can type interrobangs, watch‽' ,
'ඞ' ,
'127.0.0.1' ,
'assholes DNI' ,
'swag' ,
'\'\'' ,
'$captions[array_rand($captions)]' ,
'NFT bros don\'t FUCKING interact' ,
'Kind of dragon free!' ,
'This site uses cookies (chocolate chip)' ,
'Now with reduced centralization!' ,
'your gay' ,
'the fuck is a gender' ,
'The Only Website' ,
'𝓘 𝓷 𝓪 𝓬 𝓬 𝓮 𝓼 𝓼 𝓲 𝓫 𝓵 𝓮 !' ,
'Follow me on Google+!' ,
'404: caption not found' ,
'Web π compliant!' ,
'If you\'re seeing this, something is seriously wrong.' ,
'cringe' ,
'don\'t smoke cigarettes kids they\'ll make your lungs sus' ,
2023-01-19 12:18:33 +00:00
'real life isopod' ,
2023-01-09 21:30:45 +00:00
'' ,
2023-01-25 05:17:44 +00:00
'holy fucking bingle' ,
2023-11-23 12:34:17 +00:00
'AI (Aquatic Isopod) generated' ,
2023-04-10 13:29:07 +00:00
'crubge' ,
2023-06-28 07:17:09 +00:00
'Only unpickle data you trust.' ,
2023-11-23 12:34:17 +00:00
'Tested in prod!' ,
'pwetty epic B)' ,
'Known to the state of California to cause cancer' ,
2023-01-09 21:30:45 +00:00
'vewified' ,
'Verified' ,
'COUNTER' ,
'TUEADAY' ,
'PLACEHIM' ,
'UPSIDEDOWN' ,
'RGB' ,
2023-01-12 12:38:38 +00:00
'BLAHAJ' ,
2023-11-23 12:34:17 +00:00
'@BEAT' ,
'HALO'
2023-01-09 21:30:45 +00:00
);
break ;
}
$cap = $captions [ array_rand ( $captions )];
2023-01-12 12:38:38 +00:00
if ( $_GET [ 'caption' ]) {
$cap = $_GET [ 'caption' ];
}
2023-01-09 21:30:45 +00:00
$tit = $cap ;
if ( ! $seasonal ) {
switch ( $cap ) {
case 'COUNTER' :
$num = ( int ) filter_var ( file_get_contents ( " views.txt " ), FILTER_SANITIZE_NUMBER_INT );
$num ++ ;
file_put_contents ( " views.txt " , $num );
$cap = " This caption has been viewed $num times! " ;
$tit = " This title has been viewed $num times! " ;
break ;
case 'TUEADAY' :
$day = array ( " suday " , " moday " , " tueaday " , " weaday " , " thuday " , " friaday " , " satuaday " )[ date ( 'w' )];
$cap = " wait it's fucking $day . god. " ;
$tit = $cap ;
echo " <style type='text/css'>h1 { background-image:url('old/1/images/ $day .png');}</style> " ;
break ;
case 'PLACEHIM' :
$cap = 'place him on your site immediately' ;
$tit = $cap ;
echo " <style type='text/css'>h1 { background-image:url('images/place_him.png');}</style> " ;
break ;
case 'BLAHAJ' :
$cap = '<img id="blahaj" src="images/blahaj.png"> <a href="https://berrymot.github.io/">certified</a> Good Website by blåhaj' ;
$tit = " certified Good Website by blåhaj " ;
echo " <style type='text/css'>#blahaj { animation: spin 5s linear infinite; height: 1em; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-reduced-motion) { #blahaj { animation: none; } }</style> " ;
break ;
case 'Verified' :
$cap = '<img src="https://social.isopod.cool/emoji/isomojis/verified.png" style="height: 1em;"/>' ;
break ;
case 'vewified' :
$cap = '<img src="https://social.isopod.cool/emoji/isomojis/vewified.png" style="height: 1em;"/>' ;
break ;
case 'Kind of dragon free!' :
$cap = '<span class="minecraftsplash">Kind of dragon free!</span>' ;
break ;
case 'UPSIDEDOWN' :
$cap = '<span class="flipped">Upside Down!</span>' ;
$tit = '¡uʍop ǝpı sdn' ;
break ;
case 'RGB' :
$cap = '<span class="rainbowtext">RGB Gaming Webpage</span>' ;
$tit = 'RGB Gaming Webpage' ;
break ;
2023-01-12 12:38:38 +00:00
case '@BEAT' :
2023-08-24 10:22:34 +00:00
$cap = '<a href="/stuff/beat/">@' . date ( " B " ) . '</a>' ;
$tit = '@' . date ( " B " );
2023-01-12 12:38:38 +00:00
break ;
2023-11-23 12:34:17 +00:00
case 'HALO' :
$cap = '<a href="https://www.youtube.com/watch?v=N14uA0EhBAU">coke and fries halo</a>' ;
$tit = 'coke and fries halo' ;
break ;
2023-01-09 21:30:45 +00:00
}
}
}
?>
< title >< ? php if ( $tit ) { echo " isopod.cool v3 - $tit " ; } else { echo " isopod.cool v3 " ; } ?> </title>
< meta name = " description " content = " real life isopod " >
</ head >
2023-02-26 11:22:38 +00:00
< body >
< ? php include ( 'nav.php' ); ?>
2023-01-09 21:30:45 +00:00
< main >
2023-02-26 11:22:38 +00:00
< div >
2023-02-27 07:01:16 +00:00
< h1 style = " margin-top: 0; " > isopod . cool < span id = " v3 " > v3 </ span ></ h1 >
2023-02-26 11:22:38 +00:00
< h2 id = " caption " >< ? php echo $cap ; ?> </h2>
2023-02-26 20:09:13 +00:00
< nav id = " webrings " >
2023-02-27 05:36:33 +00:00
< div style = " font-family: sans-serif; font-weight: bold; " >
< a href = " https://hotlinewebring.club/bathynomus/previous " style = " color: white; text-decoration: none; " > ← </ a >
< i >< a href = " https://hotlinewebring.club/ " style = " color: white; text-decoration: none; " > HOTLINE WEBRING </ a ></ i >
< a href = " https://hotlinewebring.club/bathynomus/next " style = " color: white; text-decoration: none; " > → </ a >
2023-02-26 20:09:13 +00:00
</ div >
< div >
2023-02-27 05:36:33 +00:00
< a href = " https://melonland.net/surf-club.html " style = " color: #ff74ff; " >< span style = " color: #e7ad59; " > melon </ span >< span style = " color: #c0ea32; " > ring </ span ></ a >
< a href = " https://brain.melonking.net/surf-club-random " style = " color: #ff74ff; " >< span style = " color: #864cff; " > ? </ span ></ a >
2023-02-26 20:09:13 +00:00
</ div >
< div >
2023-02-27 05:36:33 +00:00
< a href = " https://webring.bucketfish.me/redirect.html?to=prev&name=isopod " class = " bflink " > ⥼ </ a >
< a href = " https://webring.bucketfish.me " id = " bucketfish " >< span style = " --n:-10000ms; " > b </ span >< span style = " --n:-9900ms; " > u </ span >< span style = " --n:-9800ms; " > c </ span >< span style = " --n:-9700ms; " > k </ span >< span style = " --n:-9600ms; " > e </ span >< span style = " --n:-9500ms; " > t </ span >< span style = " --n:-9400ms; " > </ span >< span style = " --n:-9300ms; " > w </ span >< span style = " --n:-9200ms; " > e </ span >< span style = " --n:-9100ms; " > b </ span >< span style = " --n:-9000ms; " > r </ span >< span style = " --n:-8900ms; " > i </ span >< span style = " --n:-8800ms; " > n </ span >< span style = " --n:-8700ms; " > g </ span ></ a >
< a href = " https://webring.bucketfish.me/redirect.html?to=next&name=isopod " class = " bflink " > ⥽ </ a >
2023-02-26 20:09:13 +00:00
</ div >
</ nav >
2023-02-26 11:22:38 +00:00
</ div >
2023-01-09 21:30:45 +00:00
<!-- script type = " text/javascript " > document . write ( '<a href="desktop.html">$login<span class="blinking" >_</span></a>' ); </ script -->
</ main >
< div id = " guys " >
2023-02-26 20:09:13 +00:00
< a target = " _blank " href = " https://dokodemo.neocities.org/ " title = " made by Dokodemo " >< img alt = " An isopod! " src = " images/isopod3.png " ></ a >
< a target = " _blank " href = " https://lu.tiny-universes.net " title = " hi, i'm kevin! " >< img alt = " Kevin " src = " images/plant1-2.png " ></ a >
2023-08-21 14:46:34 +00:00
< a target = " _blank " href = " https://newlambda.neocities.org/stuff/adopt " title = " benlet " >< img alt = " benlet " src = " images/benlet1.png " style = " width: 32px; image-rendering: pixelated; " ></ a >
2023-02-26 20:09:13 +00:00
< a target = " _blank " href = " https://www.pixelcatsend.com/profile&id=3734 " title = " Shadow " >< img alt = " Shadow " src = " images/shadow.png " style = " image-rendering: pixelated; " ></ a >
2023-08-21 14:46:34 +00:00
< a target = " _blank " href = " https://tarraxahum.neocities.org/adopt/adopt_center " title = " french fry " >< img alt = " french fry " src = " images/fry.png " style = " height: 2rem; " ></ a >
< a target = " _blank " href = " https://kelpeater.neocities.org/collections/isopods " title = " Another isopod! " >< img alt = " Another isopod! " src = " images/casiopea_isopod.png " style = " height: 4rem; " ></ a >
< a target = " _blank " href = " https://shroom.ink/decay/adopt-a-shroom/ " title = " Ophiocordyceps Unilateralis " >< img alt = " Ophiocordyceps Unilateralis " src = " images/Ophiocordyceps_unilateralis.png " style = " height: 4rem; " ></ a >
2023-01-09 21:30:45 +00:00
</ div >
2023-08-21 14:46:34 +00:00
< div id = " rightsidebg " style = " background-image: url(images/bg.jxl), url(images/bg.jpg); --distancefromcenter: 11%; " title = " Pictured: The eponymous "deep twisty" " ></ div >
2023-01-09 21:30:45 +00:00
< div id = " bubblecolumn " ></ div >
2023-01-12 12:38:38 +00:00
< ? php
if ( date ( " w " ) == " 5 " && rand ( 0 , 9 ) == 4 ) {
$ind = rand ( 1 , 2 );
$filename = " images/flatworm friday $ind .mp4 " ;
2023-01-13 01:08:36 +00:00
echo " <div id='flatwormfriday' style='position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000cc;display: flex;justify-content: center;align-items: center;'><video controls=''><source src=' $filename ' type='video/mp4'>It's Flatworm Friday! Your browser does not support the video tag.</video><span style='position: absolute; left: 1rem; bottom: 1rem;'>Refresh the page to close this</span></div> " ;
2023-01-12 12:38:38 +00:00
}
?>
2023-01-09 21:30:45 +00:00
</ body >
</ html >