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.

11 files changed, 209 insertions, 0 deletions

diff --git a/me/cheddar03.gif b/me/cheddar03.gif
new file mode 100644
index 0000000..ead9066
--- /dev/null
+++ b/me/cheddar03.gif
diff --git a/me/crackship_quiz_result.png b/me/crackship_quiz_result.png
new file mode 100644
index 0000000..8b4d701
--- /dev/null
+++ b/me/crackship_quiz_result.png
diff --git a/me/index.php b/me/index.php
new file mode 100644
index 0000000..67c7bae
--- /dev/null
+++ b/me/index.php
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>me | isopod.cool v4</title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+  </head>
+  <body>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
+
+    <main>
+      <section>
+        <h2>about me</h2>
+        <section id="specs">
+          <h3>Specs</h3>
+          <dl style="--ratio: .25;">
+            <dt>Known pseudonyms</dt>
+            <dd>deep twisty / isopodhours / isopod gaming / bathynomus</dd>
+            <dt>Known normalnyms</dt>
+            <dd>Ada / Hannah</dd>
+            <dt>Known necronyms</dt>
+            <dd>[DATA EXPUNGED]</dd>
+            <dt>Known pronounyms</dt>
+            <dd>she/it >> <a href="pronouns/">more info</a></dd>
+            <dt>Preoccupations</dt>
+            <dd>Computer hardware / computer software / electronics / making music and 3D art / DIY nonsense of all shapes and sizes</dd>
+            <dt>Education</dt>
+            <dd>Web Design (ongoing)</dd>
+            <dt>trnas</dt>
+            <dd>gener</dd>
+            <dt></dt>
+            <dd><a href="/stats/">More info</a></dd>
+          </dl>
+        </section>
+        <section id="links">
+          <h3>Links</h3>
+          <dl>
+            <dt>Email</dt>
+            <dd><a href="mailto:webmaster@isopod.cool">webmaster@isopod.cool</a></dd>
+            <dt>Signal</dt>
+            <dd><a href="https://signal.me/#eu/Q5Z321Fn6bCsLhj3kNwXxvSgAUmbFiVtx2F-oG0A9_Egl_uTUmNLLYHs1WwbUE4B">isopod.97</a></dd>
+            <dt>Discord</dt>
+            <dd>ask</dd>
+            <dt>Steam</dt>
+            <dd>ask</dd>
+            <dt>Stoat</dt>
+            <dd>bathynomus#5230 (I don't check this one much!)</dd>
+            <dt>Fediverse</dt>
+            <dd><a href="https://isopod.zone/@root">@root@isopod.zone</a></dd>
+            <dt>Fediverse (backup)</dt>
+            <dd><a href="https://transfem.social/@isopod">@isopod@transfem.social</a></dd>
+            <dt>Tumblr</dt>
+            <dd><a href="https://tumblr.isopod.cool/">@isopodhours</a></dd>
+            <dt>Bluesky</dt>
+            <dd><a href="https://bsky.app/profile/isopod.cool">@isopod.cool</a></dd>
+            <dt>Youtube (music)</dt>
+            <dd><a href="https://www.youtube.com/@deeptwisty">deep twisty</a></dd>
+            <dt>Youtube (other)</dt>
+            <dd><a href="https://www.youtube.com/@isopodgaming">isopod gaming</a></dd>
+            <dt>Twitch</dt>
+            <dd><a href="https://www.twitch.tv/isopodgaming_">isopodgaming_</a></dd>
+            <dt>Bandcamp</dt>
+            <dd><a href="https://deeptwisty.bandcamp.com/">deeptwisty</a></dd>
+            <dt>itch.io</dt>
+            <dd><a href="https://deeptwisty.itch.io/">deeptwisty</a></dd>
+            <dt>Ko-fi</dt>
+            <dd><a href="https://ko-fi.com/deeptwisty">deeptwisty</a></dd>
+            <dt>Forgejo</dt>
+            <dd><a href="https://git.isopod.cool/root/">git.isopod.cool/root</a></dd>
+          </dl>
+        </section>
+        <section id="deeptwisty">
+          <h3>What's a "deep twisty"?</h3>
+          <p>"deep twisty" is a pseudonym I came up with to post my music and such things under. At this point it exists largely as a way to compartmentalize my online identity such that I can link my art to people who I might not want seeing all this. It comes from some tweets from an <a href="https://web.archive.org/web/20221214182955/https://twitter.com/SubnauticaSCM/status/1095774020446744576">official Subnautica twitter account</a> where they referred to the then-work-in-progress Deep Twisty Bridges biome as just "deep twisty". I thought it sounded funny. I'm no longer sure what possessed me to use that as a basis for my Personal Brand&trade;, but here we are.</p>
+        </section>
+        <section id="quizresults">
+          <h3>Quiz results</h3>
+          <div class="quizresults">
+            <a href="https://casiopea.neocities.org/isopod/isopodquiz.html"><img src="isopod_quiz_result.png" alt="Isopod quiz: My species is Bathynomus Giganteus"></a>
+            <a href="https://ouroboreas.neocities.org/quizzes/crackships/quiz"><img src="crackship_quiz_result.png" height="100px" alt="Crackship quiz: I'm Phileri (Dr. Phil M&M x Guy Fieri)"></a>
+            <a href="https://andou.gay/quiz/donutquiz"><img src="https://andou.gay/quiz/chocolate donut.png" height="100px" alt="Donut quiz: I'm a chocolate dipped donut"></a>
+            <a href="https://swiftyshq.neocities.org/fun/quiz/rock/" title="Description: ough.... youre so relaxed.... this rock is PERFECT for napping on.... it's warmed by the sun too... .yo.... snzz"><img src="https://swiftyshq.neocities.org/img/quiz/rock/r2.png" height="100px" alt="Rock quiz: My ideal rock is a smooth river rock"></a>
+            <a href="https://swiftyshq.neocities.org/fun/quiz/creature/" title="Description: http creature not found. you are maybe toxic but in a funny way. gods little meow meow"><img src="https://swiftyshq.neocities.org/img/quiz/creature/res3.png" height="100px" alt="Creature quiz: I'm a &quot;Malware Monster&quot;"></a>
+            <a href="http://cupped-expressions.net/cheese/quiz/"><img src="cheddar03.gif" width="226" height="93" alt="Cheese quiz: I am cheddar cheese!"></a>
+            <a href="https://wuffs.org/quiz/"><img src="wuffsquiz.png" height="100" alt="Verbose quiz result incoming: You are a Large Quiz Enjoyer. Aw, what a good girl you are...! You made it through 30 questions and proved your devotion to my bullshit. 🙂 Tags:  💧 Hydrated...? 🙈 Behaves Unprofessionally 🛒 Savvy Shopper 🥚 Egg 🌶️ Kinky 👾 Creature :) 🥔 Potato Powered 🦶 Feet-Aware 🥞 Breakfast Appreciator 🫃 1 ☠️ Wildy Fearer 🏴‍☠️ Pirate 🍦 Creamy Girl"></a> 
+          </div>
+        </section>
+        <section id="testimonials">
+          <h3>Testimonials</h3>
+          <figure class="quote">
+            <blockquote>
+              isopod girl supreme
+            </blockquote>
+            <figcaption>
+              — <a href="https://mifs.tumblr.com/">mifs</a>
+            </figcaption>
+          </figure>
+          <figure class="quote">
+            <blockquote>
+              Furry behavior
+            </blockquote>
+            <figcaption>
+              — <a href="https://seaslug.neocities.org/">seaslug</a>
+            </figcaption>
+          </figure>
+          <figure class="quote">
+            <blockquote>
+              this hurts me deeply
+            </blockquote>
+            <figcaption>
+              — <a href="https://labyrinth.zone/objects/0a4a2e38-e85b-44c8-9f50-ba04c7dee4c3">UsernameSwift</a>
+            </figcaption>
+          </figure>
+          <figure class="quote">
+            <blockquote>
+              what have you done??
+            </blockquote>
+            <figcaption>
+              — <a href="https://wizzzard.online/@starwall/113698160551944339">Starwall</a>
+            </figcaption>
+          </figure>
+          <figure class="quote">
+            <blockquote>
+              hmm. wet.
+            </blockquote>
+            <figcaption>
+              — <a href="https://kitty.social/notes/9xopils3pjoy006w">Zizi</a>
+            </figcaption>
+          </figure>
+        </section>
+      </section>
+    </main>
+
+    <?php include($_SERVER['DOCUMENT_ROOT'] . "/footer.php"); ?>
+  </body>
+</html>
\ No newline at end of file
diff --git a/me/isopod_quiz_result.png b/me/isopod_quiz_result.png
new file mode 100644
index 0000000..31d29e1
--- /dev/null
+++ b/me/isopod_quiz_result.png
diff --git a/me/pronouns/bad.svg b/me/pronouns/bad.svg
new file mode 100644
index 0000000..069da16
--- /dev/null
+++ b/me/pronouns/bad.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" />

+</svg>

diff --git a/me/pronouns/bg.jpg b/me/pronouns/bg.jpg
new file mode 100644
index 0000000..2cc9218
--- /dev/null
+++ b/me/pronouns/bg.jpg
diff --git a/me/pronouns/bg_dither.png b/me/pronouns/bg_dither.png
new file mode 100644
index 0000000..96baec0
--- /dev/null
+++ b/me/pronouns/bg_dither.png
diff --git a/me/pronouns/friend.svg b/me/pronouns/friend.svg
new file mode 100644
index 0000000..ad67d3c
--- /dev/null
+++ b/me/pronouns/friend.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />

+</svg>

+

diff --git a/me/pronouns/good.svg b/me/pronouns/good.svg
new file mode 100644
index 0000000..a2d6d96
--- /dev/null
+++ b/me/pronouns/good.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z" />

+</svg>

diff --git a/me/pronouns/index.php b/me/pronouns/index.php
new file mode 100644
index 0000000..c6106f8
--- /dev/null
+++ b/me/pronouns/index.php
@@ -0,0 +1,59 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>pronounce | isopod.cool v4</title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+    <style>
+      .entry-container {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        gap: var(--stdpadding);
+      }
+      .labeled-entry {
+        display: flex;
+        align-items: center;
+        gap: calc(var(--stdpadding) / 2);
+      }
+      .labeled-entry img {
+        height: 2em;
+        filter: invert();
+      }
+    </style>
+  </head>
+  <body>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
+
+    <main>
+      <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>
+        <h2>i got pronouns</h2>
+        <p class="h2caption">blue hair pending</p>
+        <p class="backlink"><a href="../"><< about me</a></p>
+        <p>I briefly had a page on <a href="https://pronouns.cc">pronouns.cc</a> once but hell if I'm gonna use it when I have my own website</p>
+        <div class="entry-container notice">
+          <span class="labeled-entry"><img src="good.svg" alt="Good"> Preferred</span>
+          <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> Friends only</span>
+          <span class="labeled-entry"><img src="bad.svg" alt="Bad"> Don't</span>
+        </div>
+        <section>
+          <h3>Pronouns</h3>
+          <div class="entry-container">
+            <span class="labeled-entry"><img src="good.svg" alt="Good"> she/her</span>
+            <span class="labeled-entry"><img src="good.svg" alt="Good"> it/its</span>
+            <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> they/them</span>
+            <span class="labeled-entry"><img src="bad.svg" alt="Bad"> he/him</span>
+          </div>
+        </section>
+      </section>
+    </main>
+
+    <?php include($_SERVER['DOCUMENT_ROOT'] . "/footer.php"); ?>
+
+
+  </body>
+</html>
diff --git a/me/wuffsquiz.png b/me/wuffsquiz.png
new file mode 100644
index 0000000..06b81b0
--- /dev/null
+++ b/me/wuffsquiz.png