620200137e
- Rearranged navigation significantly
- Navbar is now unlimited width on desktop
- Navbar is now always on top of the screen, even on the landing page
- Navbar has been replaced with hamburger menu on mobile
- Significant styling alterations to look good on phones tm
- Most of the credit goes to a certain meta tag.
- (Appearance on desktop is mostly unchanged)
- The background on mobile is now 100% image, but darkened to improve contrast
- Table pages such as /links/ and /stats/ now rearrange on mobile:
column a column a column b
column b vs column a column b
column a column a column b
column b column a column b
- font size on landing page scales with device width on tall displays
- guestbook posts use CSS grid now
- Working on a @media (prefers-contrast: more) theme as well. Can't figure out how to test it though
- Updated /stats/
- Added some new stats
- Updated CD collection size
- Updated /about/uses/
- I now use Nextcloud News instead of Yarr
- My phone runs Graphene
- I use Fennec browser on mobile instead of standard Firefox
- New background as the old one was horrible for contrast
- Added Waxlimbs - For Science! to /about/music/
- The oldest three articles on /blog/ now show a warning on hover that they're from the legacy v2 site
- Corrected various markup issues with the help of validator.w3.org/nu/
- Added alt text to a ton of images
- todo list is no longer a separate html file. it was fucking with the scaling on mobile and I couldn't be bothered
- /stuff/ remains unchanged. I'll get to it
- Hopefully that's everything lol
240 lines
10 KiB
PHP
240 lines
10 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link href="style.css" rel="stylesheet" type="text/css" media="all"/>
|
||
<style type="text/css">
|
||
body {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
#guys {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 3rem;
|
||
font-size: 0;
|
||
}
|
||
#guys > * {
|
||
margin-right: 0.5rem;
|
||
}
|
||
#bubblecolumn {
|
||
position: absolute;
|
||
right: 7%;
|
||
top: 0;
|
||
width: 29px;
|
||
height: 100%;
|
||
background-image: url(images/bubblecolumn1.gif);
|
||
background-repeat: repeat-y;
|
||
}
|
||
main {
|
||
height: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
@media (prefers-reduced-motion) {
|
||
#bubblecolumn {
|
||
display: none;
|
||
}
|
||
}
|
||
@media only screen and (hover: none) {
|
||
#rightsidebg {
|
||
box-shadow: none;
|
||
}
|
||
@media (max-width: 43rem) {
|
||
h1 {
|
||
font-size: 10.5vw;
|
||
}
|
||
h1 + h2#caption {
|
||
font-size: 1.1em;
|
||
}
|
||
}
|
||
}
|
||
</style>
|
||
<?php
|
||
include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php');
|
||
if(!preg_match('/(headless.*)/i', $_SERVER['HTTP_USER_AGENT'])) {
|
||
$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',
|
||
'real life isopod',
|
||
'',
|
||
'holy fucking bingle',
|
||
'AI generated',
|
||
'vewified',
|
||
'Verified',
|
||
'COUNTER',
|
||
'TUEADAY',
|
||
'PLACEHIM',
|
||
'UPSIDEDOWN',
|
||
'RGB',
|
||
'BLAHAJ',
|
||
'@BEAT'
|
||
);
|
||
break;
|
||
}
|
||
$cap = $captions[array_rand($captions)];
|
||
if($_GET['caption']) {
|
||
$cap = $_GET['caption'];
|
||
}
|
||
$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;
|
||
case '@BEAT':
|
||
$cap = '@'.date("B");
|
||
$tit = $cap;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
?>
|
||
<title><?php if($tit) { echo "isopod.cool v3 - $tit"; } else { echo "isopod.cool v3"; } ?></title>
|
||
<meta name="description" content="real life isopod">
|
||
</head>
|
||
<body>
|
||
<?php include('nav.php'); ?>
|
||
<main>
|
||
<div>
|
||
<h1 style="margin-top: 0;">isopod.cool v3</h1>
|
||
<h2 id="caption"><?php echo $cap; ?></h2>
|
||
<!--nav><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/"><</a><a href="https://yesterweb.org/webring/">yester webring</a><a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://isopod.cool/">?</a><a href="https://webring.yesterweb.org/noJS/index.php?d=next&https://isopod.cool/">></a></nav-->
|
||
<nav><a href="https://hotlinewebring.club/bathynomus/previous"><</a><i><a href="https://hotlinewebring.club/">hotline webring</a></i><a href="https://hotlinewebring.club/bathynomus/next">></a></nav>
|
||
<nav><a href="https://melonland.net/surf-club.html">melonring</a><a href="https://brain.melonking.net/surf-club-random">?</a></nav>
|
||
<!--nav><a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod"><</a><a href="https://webring.bucketfish.me">bucket webring</a><a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod">></a-->
|
||
</div>
|
||
<!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
|
||
</main>
|
||
|
||
<div id="guys">
|
||
<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://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"/></a>
|
||
<a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img alt="Kevin" src="images/plant1-2.png"/></a>
|
||
<a target="_blank" href="https://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"/></a>
|
||
<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>
|
||
</div>
|
||
<div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous "deep twisty""></div>
|
||
<div id="bubblecolumn"></div>
|
||
<?php include('chromealert.php'); ?>
|
||
<?php
|
||
if(date("w") == "5" && rand(0, 9) == 4) {
|
||
$ind = rand(1,2);
|
||
$filename = "images/flatworm friday $ind.mp4";
|
||
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>";
|
||
}
|
||
?>
|
||
</body>
|
||
</html>
|