diff options
| author | Hannah Isopod <me@bathynomus.xyz> | 2026-02-15 22:42:27 -0700 |
|---|---|---|
| committer | Hannah Isopod <me@bathynomus.xyz> | 2026-02-15 22:42:27 -0700 |
| commit | 3b606bcc096a6d9860672e6d0d003ca9e80c067e (patch) | |
| tree | 17746584c25a0d165c0feaf884f33c1578aa4f04 /index.php | |
| parent | 16e48ed8655528a81cbec84f0cbc1a211d663b37 (diff) | |
THE BIG ONE
Total website redesign.
Multiple new blog posts.
Routine updates on several pages.
Too much to list, even if I remembered it all.
Remind me not to put this git repo on any portfolios.
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 299 |
1 files changed, 140 insertions, 159 deletions
@@ -3,75 +3,10 @@ <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"> + <title>isopod.cool v4</title> + <link href="/style.css" rel="stylesheet" type="text/css" media="all"> <style> - body { - margin-top: 0; - margin-bottom: 0; - } - - main { - height: 100%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: var(--stdpadding); - } - #mainmidsection { - display: flex; - gap: var(--stdpadding); - flex-wrap: wrap; - justify-content: center; - align-items: center; - } - #abt, #statuscafe, figure.quote { - height: fit-content; - margin-bottom: initial; - } - #webrings { - display: flex; - flex-direction: column; - gap: var(--stdpadding); - } - #webrings div :is(a, span) { - padding: initial; - margin: initial; - background: none; - border-left: none; - backdrop-filter: initial; - } - - #guys { - position: fixed; - bottom: 0; - left: 3rem; - font-size: 0; - } - #guys > * { - margin-right: var(--stdpadding); - } - #ads { - position: fixed; - bottom: -181px; - left: 50%; - transform: translateX(-50%); - transition: 0.5s; - } - #ads:hover { - bottom: 0; - } - #bubblecolumn { - position: fixed; - right: 7%; - top: 0; - width: 29px; - height: 100%; - background-image: url(images/bubblecolumn1.gif); - background-repeat: repeat-y; - pointer-events: none; - } #bucketfish, .bflink { --red: #ffcaca; --orange: #ffedc1; @@ -113,31 +48,10 @@ position: relative; } - iframe { - border: none; - border-left: var(--stdaccentborder); - } - - @media (prefers-reduced-motion) { - #bubblecolumn { - display: none; - } - #bucketfish span { - animation: none; - } - } @media only screen and (hover: none) { #rightsidebg { filter: brightness(0.7); } - main { - justify-content: initial; - height: initial; - } - main > *, #mainmidsection > * { - box-sizing: border-box; - width: 100%; - } #guys { background-color: var(--bgcolor); box-shadow: 0 0 1rem var(--stdshadow) inset; @@ -149,11 +63,6 @@ left: initial; transform: initial; } - body { - display: flex; - flex-direction: column; - justify-content: space-between; - } } @keyframes wave{ @@ -174,99 +83,171 @@ 100% {color: var(--red);} } </style> - <?php - include($_SERVER['DOCUMENT_ROOT'] . '/common.php'); - include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); - ?> - <title>isopod.cool v3</title> - <meta name="description" content="real life isopod"> </head> <body> - <?php include('nav.php'); bg(true, 11, "Pictured: The eponymous Deep Twisty"); ?> + <?php include('header.php'); ?> + <main> - <blockquote style="background-color: #1d16;">I've got a bit of a redesign in da works! <a href="/v4/">Check 'er out!</a></blockquote> - <img src="images/landing.png" alt="Isopod on her skinkpad (thinkpad but with added skink)" title="The Lenovo SkinkPad P15w is powered by a highly efficient, passively-cooled RISC-V processor and features an IP69 water resistance rating for reliable amphibious operation at virtually unlimited depths, making it the perfect laptop for the deep-sea crustacean in your life."/> - - <div id="mainmidsection"> - <blockquote id="abt"> - > Ada / Hannah<br> - > <a href="/about/pronouns">she/it</a><br><br> - > real life isopod<br> - > chronic computer toucher - </blockquote> - <nav id="webrings"> - <div style="font-family: sans-serif; font-weight: bold;"> + <p class="prefers-contrast-less-message">If you're reading this with your eyes and not a screen reader, that means you have, somehow, indicated a preference that this page be displayed with reduced contrast. I genuinely have no clue how you did this, or how I as a web dev am supposed to handle it. I hope my solution of applying a reduced-contrast filter to the entire page is to your liking. If not, please contact me and tell me what you'd prefer I do here, because I'm genuinely lost.</p> + <section> + <p class="notice warning">Majorly under construction! Expect high brokenness levels, especially on pages marked with a ⚠️</p> + <div class="aside"> + <a style='top: -24px; left: -32px; position: relative; height: 0; display: block; width: fit-content;' target="_blank" href="https://kelpeater.neocities.org/collections/isopods"><img alt="An isopod!" src="images/casiopea_isopod.png" height="64"></a> + <div class="aside-image"> + <img src="/images/reactions/yay.png" alt="hiiiiiii :3"> + </div> + <div class="aside-content"> + <p>Hi! <a href="me/">My</a> name's Ada. Or Hannah. Either works. I'm an isopod on the internet, and as far as you know I could be one in real life too.</p> + <p>This is my website! The navigation's to your left if you wanna have a look around. Er, other left. Bit higher.</p> + </div> + </div> + <?php // status.cafe widget + $username = "niceopod"; // Your username here! + $ch = curl_init("https://status.cafe/users/$username/status.json"); + + curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + curl_setopt($ch, CURLOPT_HEADER, 0); + + $str = curl_exec($ch); + if(curl_error($ch)) { + //echo curl_error($ch); + $str = ""; + } + curl_close($ch); + $status_data = json_decode($str, true); + $status_content = $status_data["content"]; + $face = $status_data["face"]; + $timeago = $status_data["timeAgo"]; + if(strlen($status_content) < 1) { + $status_content = "Something's gone wrong server side..."; + } + echo "<blockquote id='statuscafe'><a style=' top: calc(-25px - var(--stdpadding)); position: relative; height: 0; display: block; margin-left: auto; width: fit-content;' target='_blank' href='https://dokodemo.neocities.org/' title='made by Dokodemo'><img alt='An isopod!' src='images/isopod3.png'></a><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$status_content</div></blockquote>"; + ?> + + <nav class="webrings"> + <div class="ring" style="font-family: sans-serif; font-weight: bold; text-shadow: .1rem .1rem .2rem black;"> <a href="https://hotlinewebring.club/bathynomus/previous" style="color: white; text-decoration: none;">←</a> <a href="https://hotlinewebring.club/" style="color: white; text-decoration: none; font-style: italic;">HOTLINE WEBRING</a> <a href="https://hotlinewebring.club/bathynomus/next" style="color: white; text-decoration: none;">→</a> </div> - <div> + <div class="ring"> <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> </div> - <div> + <div class="ring"> <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> </div> - <div> + <div class="ring"> <a href="https://fediring.net/previous?host=isopod.cool">←</a> <a href="https://fediring.net/">fediring</a> <a href="https://fediring.net/random">?</a> <a href="https://fediring.net/next?host=isopod.cool">→</a> </div> - <div> + <div class="ring"> <a href="https://baccyflap.com/noai/?prv&s=ipd">←</a> <a href="https://baccyflap.com/noai">no AI webring</a> <a href="https://baccyflap.com/noai/?rnd">?</a> <a href="https://baccyflap.com/noai/?nxt&s=ipd">→</a> </div> </nav> - </div> - <?php - $username = "niceopod"; // Your username here! - $ch = curl_init("https://status.cafe/users/$username/status.json"); + <section> + <h3 style="margin-bottom: 0;">Latest blog post:</h3> + <?php + $content = simplexml_load_file("blog/blog.atom"); - curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); - curl_setopt($ch, CURLOPT_HEADER, 0); + foreach($content->entry as $entry) { + + $dt = substr($entry->published, 0, 10); + $ti = $entry->title; + $wn = ""; + $cats = ""; + foreach($entry->category as $cat) { + $term = $cat["term"]; + $cats = $cats."<a class='entrytag' href='/blog/?tag=".$term."'>".$term."</a>"; + } + + echo "<div class='blogentry'><time class='entrydate'>".$dt."</time><h4 class='entrytitle'><a ".$wn."href='".$entry->link["href"]."'>".$ti."</h4></a><span class='entrysummary'>".$entry->summary."</span><span>".$cats."</span></div>"; + break; // This is kind of a kludge but I don't really care ngl + } + ?> + </section> + <section> + <h3>Button collection</h3> + <details> + <summary>Show buttons</summary> + <div class="buttons"> + <a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img src="images/buttons/piracy.gif" alt="Piracy Now!"></a> + <a target="_blank" href="https://www.videolan.org/"><img src="images/buttons/getvlcnow.png" alt="get VLC now!"></a> + <a target="_blank" href="https://isopod.zone/"><img src="images/buttons/neo-fedi.gif" alt="Join the Fediverse!"></a> + <a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img src="images/buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a> + <a target="_blank" href="https://frame.work"><img src="images/buttons/bestviewed.gif" alt="Best viewed with a computer"></a> + <img src="images/buttons/tested_on_firefox.gif" alt="Tested on Firefox"> + <img src="images/buttons/wget.gif" alt="I surf with wget. And you?"> + <img src="images/buttons/svg.svg" alt="Scalable Vector Graphics Now!" style="width:88px; height:31px;" /> + <a target="_blank" href="http://web3.14159.annwfn.net/"><img src="images/buttons/web-pi.png" alt="Web Pi Certified"></a> + <a target="_blank" href="https://neocities.org"><img src="images/buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a> + <!--a href="https://status.cafe/"><img src="/blog/media/banner-statuscafe.png" alt="Status Cafe"></a--> + <a target="_blank" href="http://www.ermel.org/handcoded/"><img src="images/buttons/handcode.png" alt="100% hand coded HTML"></a> + <a target="_blank" href="https://12ft.io/"><img src="images/buttons/dontyouhate.gif" alt="Don't you hate it when you're reading a page and then some-- This content is for subscribers only! Paywalls Gatekeep Knowledge."></a> + <img src="images/buttons/righttorepair.png" alt="I support right to repair"> + <img src="images/buttons/google_stand.gif" alt="Stand up to Google! Fight for open web standards! Fight for online privacy! Fight against monopolistic practices!"> + <a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/"><img src="images/buttons/chrome.gif" alt="Google Chrome is evil!"></a> + <img src="images/buttons/i_hate_microsoft.png" alt="I hate Microsoft"> + <img src="images/buttons/win11no.gif" alt="Windows 11 No!"> + <img src="images/buttons/antinft.gif" alt="This is an Anti-NFT site"> + <a target="_blank" href="https://yesterweb.org/no-to-web3/"><img src="images/buttons/notoweb3.gif" alt="Keep the web free, say no to web3"></a> + <a target="_blank" href="https://bandcamp.com/"><img src="images/buttons/spotify.gif" alt="Spotify: When you love music but HATE artists"></a> + <img src="images/buttons/fuckyouistillusecds.png" alt="Fuck you, I still use CDs!"> + <img src="images/buttons/amd_powered.gif" alt="Powered by AMD"> + <img src="images/buttons/linux_powered.gif" alt="Linux powered"> + <img src="images/buttons/drpepper.gif" alt="Powered by Dr Pepper"> + <img src="images/buttons/the_void.gif" alt="Powered by the void"> + <img src="images/buttons/miku-approved.gif" alt="This site is Miku approved"> + <img src="images/buttons/krisbtn.png" alt="Kris where tf are we"> + <a target="_blank" href="https://neofoxfloofexplo.de/"><img src="images/buttons/floof_explode_88x31.gif" alt=":neofox_floof_explode:"></a> + <img src="images/buttons/badhtml.png" alt="W3C Bad HTML Markup"> + <img src="images/buttons/bantimetravel.png" alt="Ban Time Travel "Now""> + <img src="images/buttons/css.png" alt="CSS is awesome"> + <img src="images/buttons/tyg.gif" alt="Trans your gender"> + <!--a target="_blank" href="https://we-are-jammin.xyz/"><img src="https://damcraft.de/88x31/jammin.webp" alt="We're jammin!"></a--> + <iframe src="//incr.easrng.net/badge?key=isopoddotcool" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe> + <a target="_blank" href="https://crouton.net/"><img src="images/buttons/usatoday.gif" alt="USA Today Hot Site"></a> + <a target="_blank" href="https://seaslug.neocities.org/"><img src="images/buttons/shrimp.png" alt="Shrimp Now!"></a> + <a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"><img src="images/buttons/apiopage88x31.png" alt="memetic apiopage - click to view"></a> + <a target="_blank" href="https://beeps.website/blog/2024-09-12-in-memory-of-cohost/"><img src="images/buttons/i_was_on_cohost.gif" alt="I was on Cohost"></a> + <img src="images/buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web"> + <img src="images/buttons/queercoded.png" alt="You're telling me a queer coded this"> + <img src="images/buttons/she-her.gif" alt="she/her" title="Its pronouns are she/her"> + <img src="images/buttons/aro.png" alt="Aromantic pride flag"> + <!--img src="images/buttons/ace.png"--> + <a href="https://rainy.gay/pride/pridebuttons.html"><img src="images/buttons/trans.png" alt="Trans pride flag"></a> + <iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 88px; height: 31px; border: none;" title="Current time in .beats"></iframe> + </div> + </details> + </section> + <section> + <h3>"Sponsored" "Content"</h3> + <iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/" id="johnvertisement"></iframe> + <iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe> + </section> + <div id="guys"> + + <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://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></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> + </div> + + + <a target="_blank" href="https://newlambda.neocities.org/stuff/adopt" title="benlet has caught a whiff of a stray frenched fry, and is intrigued."><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated; position: fixed; bottom: 0; right: 40vw;"></a> + <a target="_blank" href="https://tarraxahum.neocities.org/adopt/adopt_center" title="Oops, I appear to have dropped a french fry. Don't bother picking it up — the roaches can have it."><img alt="french fry" src="images/fry.png" style="height: 2rem; position: fixed; bottom: -6px;"></a> + </section> - $str = curl_exec($ch); - if(curl_error($ch)) { - //echo curl_error($ch); - $str = ""; - } - curl_close($ch); - $status_data = json_decode($str, true); - $status_content = $status_data["content"]; - $face = $status_data["face"]; - $timeago = $status_data["timeAgo"]; - if(strlen($status_content) < 1) { - $status_content = "Something's gone wrong server side..."; - } - echo "<blockquote id='statuscafe'><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$status_content</div></blockquote>"; - ?> - <!--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://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/stuff/adopt" 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> - <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> - </div> - - <div id="ads"> - <blockquote style="margin-bottom: 0; width: 100%; max-width: 728px; box-sizing: border-box;"> - Unpaid advertising below! My apolo<?php if(rand(0,100) > 90) { echo "cheese"; } else { echo "gies"; } ?>, but it's how we keep the lights on here at IsopodCoolGGMBH PBLLC. - </blockquote> - <iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/" id="johnvertisement"></iframe> - <iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe> - </div> - - <div id="bubblecolumn"></div> - <script src="wimpod.js"></script> + <?php include("footer.php"); ?> + </body> -</html> +</html>
\ No newline at end of file |