From 40bbd9b5480c69e2c95bd9f20cc428ce992e7b15 Mon Sep 17 00:00:00 2001
From: Ada Isopods <me@bathynomus.xyz>
Date: Wed, 14 Oct 2026 03:38:44 -0600
Subject: Font selector and other little things Added a font selector CSS is
 now inlined server-side because it makes Lighthouse happy A few other little
 accessibility and general housekeeping adjustments

---
 blog/index.php                              |   1 -
 blog/post.php                               |   1 -
 blog/posts/100webmaster/index.md            |   2 +-
 blog/posts/building_a_cooler_body/index.md  |  22 +++---
 blog/posts/customcans_4pin_pinout/index.md  |   2 +-
 blog/posts/discord2/index.md                |   4 +-
 blog/posts/fuckass_air_conditioner/index.md |   4 +-
 boilerplate.php                             |  18 +++++
 footer.php                                  |  29 +++++++-
 greenhouse/index.php                        |   1 -
 guestbook/index.php                         |   1 -
 guestbook/submit.php                        |   3 +-
 header.php                                  |   2 +-
 images/Ophiocordyceps_unilateralis.webp     | Bin 0 -> 6160 bytes
 images/benlet1.webp                         | Bin 0 -> 322 bytes
 images/fry.webp                             | Bin 0 -> 1568 bytes
 images/landing.webp                         | Bin 0 -> 22928 bytes
 images/plant1-2.webp                        | Bin 0 -> 12210 bytes
 images/reactions/ada/angy.webp              | Bin 0 -> 80460 bytes
 images/reactions/ada/collectmypages.webp    | Bin 0 -> 80136 bytes
 images/reactions/ada/fear.webp              | Bin 0 -> 78830 bytes
 images/reactions/ada/frozen.webp            | Bin 0 -> 129886 bytes
 images/reactions/ada/livid.webp             | Bin 0 -> 112668 bytes
 images/reactions/ada/looksaway.webp         | Bin 0 -> 79974 bytes
 images/reactions/ada/nerd.webp              | Bin 0 -> 72806 bytes
 images/reactions/ada/notamused.webp         | Bin 0 -> 80822 bytes
 images/reactions/ada/reallyembarrassed.webp | Bin 0 -> 89934 bytes
 images/reactions/ada/sob.webp               | Bin 0 -> 79692 bytes
 images/reactions/ada/squint.webp            | Bin 0 -> 80074 bytes
 images/reactions/ada/thumbsup.webp          | Bin 0 -> 73442 bytes
 images/reactions/ada/whoopsie.webp          | Bin 0 -> 89880 bytes
 images/reactions/ada/yay.webp               | Bin 0 -> 80418 bytes
 images/reactions/angy.webp                  | Bin 80460 -> 0 bytes
 images/reactions/collectmypages.webp        | Bin 80136 -> 0 bytes
 images/reactions/fear.webp                  | Bin 78830 -> 0 bytes
 images/reactions/frozen.webp                | Bin 129886 -> 0 bytes
 images/reactions/livid.webp                 | Bin 112668 -> 0 bytes
 images/reactions/looksaway.webp             | Bin 79974 -> 0 bytes
 images/reactions/nerd.webp                  | Bin 72806 -> 0 bytes
 images/reactions/notamused.webp             | Bin 80822 -> 0 bytes
 images/reactions/reallyembarrassed.webp     | Bin 89934 -> 0 bytes
 images/reactions/sob.webp                   | Bin 79692 -> 0 bytes
 images/reactions/squint.webp                | Bin 80074 -> 0 bytes
 images/reactions/thumbsup.webp              | Bin 73442 -> 0 bytes
 images/reactions/whoopsie.webp              | Bin 89880 -> 0 bytes
 images/reactions/yay.webp                   | Bin 80418 -> 0 bytes
 images/shadow.webp                          | Bin 0 -> 18000 bytes
 index.php                                   | 107 ++++++++++++++--------------
 links/index.php                             |   1 -
 me/index.php                                |   1 -
 me/pronouns/index.php                       |   1 -
 meta/index.php                              |  16 +++--
 music/index.php                             |   1 -
 notes/index.php                             |   1 -
 notes/notes.atom                            |  14 +++-
 setfont.php                                 |  17 +++++
 stats/index.php                             |   1 -
 stuff/beat/index.php                        |   1 -
 stuff/beat/pixel.css                        |   1 +
 stuff/index.php                             |   1 -
 stuff/quotes/index.php                      |   1 -
 stuff/spotifycdnsilly/ip.php                |   1 -
 stuff/webgarden/images/yay.png              | Bin 170185 -> 185062 bytes
 stuff/webgarden/images/yay.webp             | Bin 0 -> 80418 bytes
 stuff/webgarden/index.php                   |   4 +-
 stuff/webgarden/style.css                   |  22 +-----
 style.css                                   | 106 +++++++++++----------------
 themes/dracula.css                          |  27 +++++++
 themes/gruvbox.css                          |  27 +++++++
 uses/audio/index.php                        |   1 -
 uses/compier/index.php                      |   1 -
 uses/cumulonimbus/index.php                 |   1 -
 uses/index.php                              |   1 -
 uses/servy586/index.php                     |   1 -
 74 files changed, 259 insertions(+), 187 deletions(-)
 create mode 100644 images/Ophiocordyceps_unilateralis.webp
 create mode 100644 images/benlet1.webp
 create mode 100644 images/fry.webp
 create mode 100644 images/landing.webp
 create mode 100644 images/plant1-2.webp
 create mode 100644 images/reactions/ada/angy.webp
 create mode 100644 images/reactions/ada/collectmypages.webp
 create mode 100644 images/reactions/ada/fear.webp
 create mode 100644 images/reactions/ada/frozen.webp
 create mode 100644 images/reactions/ada/livid.webp
 create mode 100644 images/reactions/ada/looksaway.webp
 create mode 100644 images/reactions/ada/nerd.webp
 create mode 100644 images/reactions/ada/notamused.webp
 create mode 100644 images/reactions/ada/reallyembarrassed.webp
 create mode 100644 images/reactions/ada/sob.webp
 create mode 100644 images/reactions/ada/squint.webp
 create mode 100644 images/reactions/ada/thumbsup.webp
 create mode 100644 images/reactions/ada/whoopsie.webp
 create mode 100644 images/reactions/ada/yay.webp
 delete mode 100644 images/reactions/angy.webp
 delete mode 100644 images/reactions/collectmypages.webp
 delete mode 100644 images/reactions/fear.webp
 delete mode 100644 images/reactions/frozen.webp
 delete mode 100644 images/reactions/livid.webp
 delete mode 100644 images/reactions/looksaway.webp
 delete mode 100644 images/reactions/nerd.webp
 delete mode 100644 images/reactions/notamused.webp
 delete mode 100644 images/reactions/reallyembarrassed.webp
 delete mode 100644 images/reactions/sob.webp
 delete mode 100644 images/reactions/squint.webp
 delete mode 100644 images/reactions/thumbsup.webp
 delete mode 100644 images/reactions/whoopsie.webp
 delete mode 100644 images/reactions/yay.webp
 create mode 100644 images/shadow.webp
 create mode 100644 setfont.php
 create mode 100644 stuff/webgarden/images/yay.webp
 create mode 100644 themes/dracula.css
 create mode 100644 themes/gruvbox.css

diff --git a/blog/index.php b/blog/index.php
index afc020b..faf0326 100644
--- a/blog/index.php
+++ b/blog/index.php
@@ -12,7 +12,6 @@ error_reporting(E_ALL);
     ?>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title><?php if(!$nostag) { echo("#$stag | ");} ?> isoblog | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/blog/post.php b/blog/post.php
index ff7abf0..8a0f6c3 100644
--- a/blog/post.php
+++ b/blog/post.php
@@ -50,7 +50,6 @@ if($pdate != $udate) { $udates = " Updated&nbsp;on $udate"; }
 <html lang="en">
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <?php
       echo("<title>$title | ".$_SERVER['HTTP_HOST']."</title><meta name='description' content='$descr'>");
       //$bgfile = glob('bg.*')[0];
diff --git a/blog/posts/100webmaster/index.md b/blog/posts/100webmaster/index.md
index 9d3380e..b597bac 100644
--- a/blog/posts/100webmaster/index.md
+++ b/blog/posts/100webmaster/index.md
@@ -64,7 +64,7 @@ This website is more PHP than HTML in some places.
 
 <div class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/yay.png" alt="hiiiiiii :3">
+    <img src="/images/reactions/ada/yay.webp" alt="hiiiiiii :3">
   </div>
   <div class="aside-content">
     <p>You're lookin' at her!</p>
diff --git a/blog/posts/building_a_cooler_body/index.md b/blog/posts/building_a_cooler_body/index.md
index 8341338..0f03b88 100644
--- a/blog/posts/building_a_cooler_body/index.md
+++ b/blog/posts/building_a_cooler_body/index.md
@@ -12,7 +12,7 @@ I'm gonna be intentionally vague about some more personal details, such as anyth
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/thumbsup.png" alt="me giving an enthusiastic thumbs up">
+    <img src="/images/reactions/ada/thumbsup.webp" alt="me giving an enthusiastic thumbs up">
   </div>
   <div class="aside-content">
     <p>I'll <span class="askme">highlight</span> any details that this especially applies to.</p>
@@ -21,7 +21,7 @@ I'm gonna be intentionally vague about some more personal details, such as anyth
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/looksaway.png" alt="me looking off to the side, nervous">
+    <img src="/images/reactions/ada/looksaway.webp" alt="me looking off to the side, nervous">
   </div>
   <div class="aside-content">
     <p>Hey, by the way, do you like this new feature I added with the little portraits and extra commentary? Is it good? Do you hate me? Am I ugly as fuck + smelly + gross? lmk in the comments. But only if you like it</p>
@@ -48,7 +48,7 @@ So that's what I want: Injection monotherapy. There's a couple different varieti
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/nerd.png" alt="me looking like some kinda fuckin nerd">
+    <img src="/images/reactions/ada/nerd.webp" alt="me looking like some kinda fuckin nerd">
   </div>
   <div class="aside-content">
     <p>If it's an option for you, estradiol enanthate is the ideal choice because it lasts a bit longer in the body and provides more stable levels, but it's really not a huge deal.</p>
@@ -75,7 +75,7 @@ So, I like to draft these project logs as they happen to get everything down whi
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/angy.png" alt="me, angry">
+    <img src="/images/reactions/ada/angy.webp" alt="me, angry">
   </div>
   <div class="aside-content">
     <p>HRT should be over the counter, change my mind.</p>
@@ -112,7 +112,7 @@ Unfortunately, this level of competence is pretty much par for the course for do
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/notamused.png" alt="me looking decidedly unamused">
+    <img src="/images/reactions/ada/notamused.webp" alt="me looking decidedly unamused">
   </div>
   <div class="aside-content">
     <p>It occurs to me that I called this woman "knowledgable" towards the beginning there. That is something that we in the business like to call a "relative term".</p>
@@ -133,7 +133,7 @@ On the way out, the nurse told me to leave the bandage on for at least 5 minutes
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/frozen.png" alt="me encased in a photorealistic ice cube">
+    <img src="/images/reactions/ada/frozen.webp" alt="me encased in a photorealistic ice cube">
   </div>
   <div class="aside-content">
     <p>Kids, get a jump pack if winter routinely gets below -20&deg;C where you're at, especially if your car's battery kinda sucks. Here's a <a href="https://www.youtube.com/watch?v=AXXuWL3l5qo">video</a> on some good ones if you're so inclined.</p>
@@ -172,7 +172,7 @@ Two days after the appointment, I got a call from the pharmacy saying my prescri
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/fear.png" alt="me, afraid">
+    <img src="/images/reactions/ada/fear.webp" alt="me, afraid">
   </div>
   <div class="aside-content">
     <p>Now all I have to do is... go to a pharmacy. In person. And interact face to face with a stranger who knows <em>exactly</em> what I'm up to. Oh god.</p>
@@ -187,7 +187,7 @@ Interestingly, the info sheet that came with the spiro said it was a "potassium-
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/yay.png" alt="me, joyful">
+    <img src="/images/reactions/ada/yay.webp" alt="me, joyful">
   </div>
   <div class="aside-content">
     <p><em>holy fuck I have estrogen now. holy shit. oh my god</em></p>
@@ -210,7 +210,7 @@ I got the injection supplies from Skipping Stone, and I have some thoughts. Firs
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/notamused.png" alt="me looking decidedly unamused">
+    <img src="/images/reactions/ada/notamused.webp" alt="me looking decidedly unamused">
   </div>
   <div class="aside-content">
     <p>Also worth noting is that when I ordered my second vial immediately after finishing the first, the pharmacy called me back to tell me they would only refill it every 28 days, so if you core a vial you may be SOL until whenever it would normally have run out.</p>
@@ -237,7 +237,7 @@ As for the spiro, well, it's a pill. You've probably taken a pill before. The pi
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/yay.png" alt="me, joyful">
+    <img src="/images/reactions/ada/yay.webp" alt="me, joyful">
   </div>
   <div class="aside-content">
     <p><strong><em>holy shit holy shit holy shit holy shit</em></strong></p>
@@ -405,7 +405,7 @@ For your convenience, I've included complete breakdowns of all the up-front cost
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/fear.png" alt="me, afraid">
+    <img src="/images/reactions/ada/fear.webp" alt="me, afraid">
   </div>
   <div class="aside-content">
     <p>Running the numbers on that "yearly" column really puts into perspective how expensive this can be.</p>
diff --git a/blog/posts/customcans_4pin_pinout/index.md b/blog/posts/customcans_4pin_pinout/index.md
index 95b0e02..9ee8fad 100644
--- a/blog/posts/customcans_4pin_pinout/index.md
+++ b/blog/posts/customcans_4pin_pinout/index.md
@@ -4,7 +4,7 @@ For context, I currently use a Beyerdynamic DT 770 Pro as my main set of headpho
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/notamused.png" alt="me looking decidedly unamused">
+    <img src="/images/reactions/ada/notamused.webp" alt="me looking decidedly unamused">
   </div>
   <div class="aside-content">
     <p>I'd be convinced the headphones they sell are just loss leaders for these crazy overpriced cables if that idea didn't fall apart under a modicum of scrutiny.</p>
diff --git a/blog/posts/discord2/index.md b/blog/posts/discord2/index.md
index 8b2f922..a9557ab 100644
--- a/blog/posts/discord2/index.md
+++ b/blog/posts/discord2/index.md
@@ -2,7 +2,7 @@ So [apparently](https://archive.is/PvpAx) Discord will soon force all of its use
 
 <aside class="aside">
   <div class="aside-image" style="width: 11rem; padding-left: calc(var(--stdpadding) / 2);">
-    <img src="/images/reactions/livid.png" alt="me absolutely fucking livid gripping the wall so hard it's breaking">
+    <img src="/images/reactions/ada/livid.webp" alt="me absolutely fucking livid gripping the wall so hard it's breaking">
   </div>
   <div class="aside-content">
     <p><em>I'm just saying. We wouldn't be here if you all had listened to me back in 2023. But this post isn't about that.</em></p>
@@ -164,7 +164,7 @@ And now for some options that suck and aren't really viable in my opinion, but t
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/sob.png" alt="me sobbing">
+    <img src="/images/reactions/ada/sob.webp" alt="me sobbing">
   </div>
   <div class="aside-content">
     <p>You had so much potential! Why did it have to turn out this way?</p>
diff --git a/blog/posts/fuckass_air_conditioner/index.md b/blog/posts/fuckass_air_conditioner/index.md
index 16857f1..1dbd7f0 100644
--- a/blog/posts/fuckass_air_conditioner/index.md
+++ b/blog/posts/fuckass_air_conditioner/index.md
@@ -4,7 +4,7 @@ One day last summer, I got so fed up with the heat in my room that I snapped and
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/notamused.png" alt="Ada looking decidedly unamused">
+    <img src="/images/reactions/ada/notamused.webp" alt="Ada looking decidedly unamused">
   </div>
   <div class="aside-content">
     <p>I would very much have preferred a window unit, but for some idiot reason the room I was in had a hinged window rather than a sliding one.</p>
@@ -22,7 +22,7 @@ After it puked its guts up again for the first time this year (mercifully onto v
 
 <aside class="aside">
   <div class="aside-image">
-    <img src="/images/reactions/fear.png" alt="me, afraid">
+    <img src="/images/reactions/ada/fear.webp" alt="me, afraid">
   </div>
   <div class="aside-content">
     <p>...</p>
diff --git a/boilerplate.php b/boilerplate.php
index 4fbb869..686d682 100644
--- a/boilerplate.php
+++ b/boilerplate.php
@@ -1,5 +1,23 @@
 <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"-->
+
+<?php
+function fontcode($fontfile) {
+  echo("<!-- apparently, this is the best way to load fonts for optimal performance --><link rel='preload' as='style' href='$fontfile' /><link rel='stylesheet' href='$fontfile' media='print' onload=\"this.media='all'\" /><noscript><link rel='stylesheet' href='$fontfile' /></noscript>");
+}
+if($_COOKIE["bugwomen_font_choice"]) {
+  fontcode("/stuff/fonts/".$_COOKIE["bugwomen_font_choice"].".css");
+} else {
+  fontcode("/stuff/fonts/b612mono.css");
+}
+// fontcode("/stuff/fonts/opendyslexic.css");
+echo("<!-- Ridiculously, inlining your main stylesheet makes Lighthouse's performance scorer happy, so it's done server-side here. --><style>".file_get_contents($_SERVER['DOCUMENT_ROOT']."/style.css")."</style>");
+?>
+
+
+
 <!-- This script sends some basic, anonymous data about your session to an instance of the analytics program Umami that I host myself. None of this data leaves my server, and as far as I know I can't track you with it, nor would I want to. This is purely for my own curiosity. If you're uncomfortable with this, it can be disabled by either enabling the "do not track" header in your browser or disabling Javascript for my site. Neither will break anything. If you'd like to see these analytics for yourself, here it is: https://analytics.bathynomus.xyz/share/sByyVQFsohefUT9l For what it's worth, most of this information is either directly present in or can be derived from the logs left by any reverse proxy anyway.-->
 <script defer src="https://analytics.bathynomus.xyz/script.js" data-website-id="1c028a86-402f-466e-b7a0-b982ad37ce62" data-do-not-track="true"></script>
+
diff --git a/footer.php b/footer.php
index 512c7f4..366fe2d 100644
--- a/footer.php
+++ b/footer.php
@@ -1,7 +1,30 @@
 <footer>
-  <p><?php
+  <?php
+    $c = $_COOKIE["bugwomen_font_choice"];
+  ?>
+  <form class="footerform" action="/setfont.php" method="post" autocomplete="off">
+    <div>
+      <label for="font">Font Selector</label>
+      <select id="font" name="font">
+        <option <?php if($c=="b612mono"){echo("selected");}?> value="b612mono">B612 Mono</option>
+        <option <?php if($c=="b612"){echo("selected");}?> value="b612">B612</option>
+        <option <?php if($c=="opendyslexic"){echo("selected");}?> value="opendyslexic">OpenDyslexic</option>
+        <option <?php if($c=="ubuntu"){echo("selected");}?> value="ubuntu">Ubuntu</option>
+        <option <?php if($c=="atkinsonhyperlegible"){echo("selected");}?> value="atkinsonhyperlegible">Atkinson Hyperlegible</option>
+        <option <?php if($c=="atkinsonhyperlegiblemono"){echo("selected");}?> value="atkinsonhyperlegiblemono">Atkinson Hyperlegible Mono</option>
+        <option <?php if($c=="googlesans"){echo("selected");}?> value="googlesans">Google Sans</option>
+        <option <?php if($c=="googlesanscode"){echo("selected");}?> value="googlesanscode">Google Sans Code</option>
+        <option <?php if($c=="notoserif"){echo("selected");}?> value="notoserif">Noto Serif</option>
+        <option <?php if($c=="silkscreen"){echo("selected");}?> value="silkscreen">Silkscreen</option>
+        <option <?php if($c=="browserdefault"){echo("selected");}?> value="browserdefault">Browser default</option>
+      </select>
+    </div>
+    <input type="submit" value="Apply">
+  </form>
+  <p>
+    <?php
   $copyrice = array(
-    'Ada Isopod',
+    'Ada Isopods',
     'ur mom',
     'gort',
     'deep twisty',
@@ -17,7 +40,7 @@
     'Bathynomus',
     'Bug Women'
   );
-  echo("&copy; ".date("Y")." ".$copyrice[array_rand($copyrice)]);
+  echo("&copy;".date("Y")." ".$copyrice[array_rand($copyrice)]);
   ?> | <a href="https://git.isopod.cool/root/isopod.cool">source</a></p>
   <div class="buttons">
     <img src="https://bugwo.men/etc/buttons/isopodhours.png" alt="isopod hours">
diff --git a/greenhouse/index.php b/greenhouse/index.php
index f72e25f..fb9bf33 100644
--- a/greenhouse/index.php
+++ b/greenhouse/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>greenhouse | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <style type="text/css">
       .shelf {
         display: flex;
diff --git a/guestbook/index.php b/guestbook/index.php
index cbcf5c3..17dd262 100644
--- a/guestbook/index.php
+++ b/guestbook/index.php
@@ -8,7 +8,6 @@ error_reporting(E_ALL);
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>guestbook | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php');
diff --git a/guestbook/submit.php b/guestbook/submit.php
index 3393cb3..a052792 100644
--- a/guestbook/submit.php
+++ b/guestbook/submit.php
@@ -112,9 +112,8 @@ error_reporting(E_ALL);
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>Guestbook</title>
-    <link href="../style.css" rel="stylesheet" type="text/css" media="all">
     <style type="text/css">
       body {
         display: flex;
diff --git a/header.php b/header.php
index c09c247..6e0cf8e 100644
--- a/header.php
+++ b/header.php
@@ -195,7 +195,7 @@ function echolink($url, $name) {
   <div class="headerbar">
     <h1><?php echo($host); ?><sup>v4</sup></h1>
     <div>
-      <img src="https://bugwo.men/images/landing.png" alt="bugwo.men v4">
+      <img src="https://bugwo.men/images/landing.webp" alt="bugwo.men v4" fetchpriority="high">
     </div>
     <p><?php echo($cap); ?></p>
   </div>
diff --git a/images/Ophiocordyceps_unilateralis.webp b/images/Ophiocordyceps_unilateralis.webp
new file mode 100644
index 0000000..f9a7c45
Binary files /dev/null and b/images/Ophiocordyceps_unilateralis.webp differ
diff --git a/images/benlet1.webp b/images/benlet1.webp
new file mode 100644
index 0000000..9cbba03
Binary files /dev/null and b/images/benlet1.webp differ
diff --git a/images/fry.webp b/images/fry.webp
new file mode 100644
index 0000000..67efa6b
Binary files /dev/null and b/images/fry.webp differ
diff --git a/images/landing.webp b/images/landing.webp
new file mode 100644
index 0000000..ffbc7c6
Binary files /dev/null and b/images/landing.webp differ
diff --git a/images/plant1-2.webp b/images/plant1-2.webp
new file mode 100644
index 0000000..c4d58c7
Binary files /dev/null and b/images/plant1-2.webp differ
diff --git a/images/reactions/ada/angy.webp b/images/reactions/ada/angy.webp
new file mode 100644
index 0000000..f712c8e
Binary files /dev/null and b/images/reactions/ada/angy.webp differ
diff --git a/images/reactions/ada/collectmypages.webp b/images/reactions/ada/collectmypages.webp
new file mode 100644
index 0000000..653d449
Binary files /dev/null and b/images/reactions/ada/collectmypages.webp differ
diff --git a/images/reactions/ada/fear.webp b/images/reactions/ada/fear.webp
new file mode 100644
index 0000000..8c6b76e
Binary files /dev/null and b/images/reactions/ada/fear.webp differ
diff --git a/images/reactions/ada/frozen.webp b/images/reactions/ada/frozen.webp
new file mode 100644
index 0000000..0252dac
Binary files /dev/null and b/images/reactions/ada/frozen.webp differ
diff --git a/images/reactions/ada/livid.webp b/images/reactions/ada/livid.webp
new file mode 100644
index 0000000..1ae884d
Binary files /dev/null and b/images/reactions/ada/livid.webp differ
diff --git a/images/reactions/ada/looksaway.webp b/images/reactions/ada/looksaway.webp
new file mode 100644
index 0000000..01d5780
Binary files /dev/null and b/images/reactions/ada/looksaway.webp differ
diff --git a/images/reactions/ada/nerd.webp b/images/reactions/ada/nerd.webp
new file mode 100644
index 0000000..ae2480f
Binary files /dev/null and b/images/reactions/ada/nerd.webp differ
diff --git a/images/reactions/ada/notamused.webp b/images/reactions/ada/notamused.webp
new file mode 100644
index 0000000..ef48abc
Binary files /dev/null and b/images/reactions/ada/notamused.webp differ
diff --git a/images/reactions/ada/reallyembarrassed.webp b/images/reactions/ada/reallyembarrassed.webp
new file mode 100644
index 0000000..e659f1b
Binary files /dev/null and b/images/reactions/ada/reallyembarrassed.webp differ
diff --git a/images/reactions/ada/sob.webp b/images/reactions/ada/sob.webp
new file mode 100644
index 0000000..22a62f6
Binary files /dev/null and b/images/reactions/ada/sob.webp differ
diff --git a/images/reactions/ada/squint.webp b/images/reactions/ada/squint.webp
new file mode 100644
index 0000000..22e0a6c
Binary files /dev/null and b/images/reactions/ada/squint.webp differ
diff --git a/images/reactions/ada/thumbsup.webp b/images/reactions/ada/thumbsup.webp
new file mode 100644
index 0000000..6027411
Binary files /dev/null and b/images/reactions/ada/thumbsup.webp differ
diff --git a/images/reactions/ada/whoopsie.webp b/images/reactions/ada/whoopsie.webp
new file mode 100644
index 0000000..6198460
Binary files /dev/null and b/images/reactions/ada/whoopsie.webp differ
diff --git a/images/reactions/ada/yay.webp b/images/reactions/ada/yay.webp
new file mode 100644
index 0000000..7ee9aac
Binary files /dev/null and b/images/reactions/ada/yay.webp differ
diff --git a/images/reactions/angy.webp b/images/reactions/angy.webp
deleted file mode 100644
index f712c8e..0000000
Binary files a/images/reactions/angy.webp and /dev/null differ
diff --git a/images/reactions/collectmypages.webp b/images/reactions/collectmypages.webp
deleted file mode 100644
index 653d449..0000000
Binary files a/images/reactions/collectmypages.webp and /dev/null differ
diff --git a/images/reactions/fear.webp b/images/reactions/fear.webp
deleted file mode 100644
index 8c6b76e..0000000
Binary files a/images/reactions/fear.webp and /dev/null differ
diff --git a/images/reactions/frozen.webp b/images/reactions/frozen.webp
deleted file mode 100644
index 0252dac..0000000
Binary files a/images/reactions/frozen.webp and /dev/null differ
diff --git a/images/reactions/livid.webp b/images/reactions/livid.webp
deleted file mode 100644
index 1ae884d..0000000
Binary files a/images/reactions/livid.webp and /dev/null differ
diff --git a/images/reactions/looksaway.webp b/images/reactions/looksaway.webp
deleted file mode 100644
index 01d5780..0000000
Binary files a/images/reactions/looksaway.webp and /dev/null differ
diff --git a/images/reactions/nerd.webp b/images/reactions/nerd.webp
deleted file mode 100644
index ae2480f..0000000
Binary files a/images/reactions/nerd.webp and /dev/null differ
diff --git a/images/reactions/notamused.webp b/images/reactions/notamused.webp
deleted file mode 100644
index ef48abc..0000000
Binary files a/images/reactions/notamused.webp and /dev/null differ
diff --git a/images/reactions/reallyembarrassed.webp b/images/reactions/reallyembarrassed.webp
deleted file mode 100644
index e659f1b..0000000
Binary files a/images/reactions/reallyembarrassed.webp and /dev/null differ
diff --git a/images/reactions/sob.webp b/images/reactions/sob.webp
deleted file mode 100644
index 22a62f6..0000000
Binary files a/images/reactions/sob.webp and /dev/null differ
diff --git a/images/reactions/squint.webp b/images/reactions/squint.webp
deleted file mode 100644
index 22e0a6c..0000000
Binary files a/images/reactions/squint.webp and /dev/null differ
diff --git a/images/reactions/thumbsup.webp b/images/reactions/thumbsup.webp
deleted file mode 100644
index 6027411..0000000
Binary files a/images/reactions/thumbsup.webp and /dev/null differ
diff --git a/images/reactions/whoopsie.webp b/images/reactions/whoopsie.webp
deleted file mode 100644
index 6198460..0000000
Binary files a/images/reactions/whoopsie.webp and /dev/null differ
diff --git a/images/reactions/yay.webp b/images/reactions/yay.webp
deleted file mode 100644
index 7ee9aac..0000000
Binary files a/images/reactions/yay.webp and /dev/null differ
diff --git a/images/shadow.webp b/images/shadow.webp
new file mode 100644
index 0000000..172b9f8
Binary files /dev/null and b/images/shadow.webp differ
diff --git a/index.php b/index.php
index e20695b..8d3ea2a 100644
--- a/index.php
+++ b/index.php
@@ -7,7 +7,6 @@ error_reporting(E_ALL); ?-->
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title><?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <style>
 
       #bucketfish, .bflink {
@@ -103,7 +102,7 @@ error_reporting(E_ALL); ?-->
         <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">
+            <img src="/images/reactions/ada/yay.webp" alt="hiiiiiii :3">
           </div>
           <div class="aside-content">
             <p>Hi! <a href="me/">My</a> name's Ada. I'm an isopod on the internet, and as far as you know I could be one in real life too.</p>
@@ -197,71 +196,71 @@ error_reporting(E_ALL); ?-->
           <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://www.qobuz.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 &quot;Now&quot;">
-              <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">
+              <a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img loading="lazy" src="images/buttons/piracy.gif" alt="Piracy Now!"></a>
+              <a target="_blank" href="https://www.videolan.org/"><img loading="lazy" src="images/buttons/getvlcnow.png" alt="get VLC now!"></a>
+              <a target="_blank" href="https://isopod.zone/"><img loading="lazy" src="images/buttons/neo-fedi.gif" alt="Join the Fediverse!"></a>
+              <a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img loading="lazy" src="images/buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a>
+              <a target="_blank" href="https://frame.work"><img loading="lazy" src="images/buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
+              <img loading="lazy" src="images/buttons/tested_on_firefox.gif" alt="Tested on Firefox">
+              <img loading="lazy" src="images/buttons/wget.gif" alt="I surf with wget. And you?">
+              <img loading="lazy" 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 loading="lazy" src="images/buttons/web-pi.png" alt="Web Pi Certified"></a>
+              <a target="_blank" href="https://neocities.org"><img loading="lazy" src="images/buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a>
+              <!--a href="https://status.cafe/"><img loading="lazy" src="/blog/media/banner-statuscafe.png" alt="Status Cafe"></a-->
+              <a target="_blank" href="http://www.ermel.org/handcoded/"><img loading="lazy" src="images/buttons/handcode.png" alt="100% hand coded HTML"></a>
+              <a target="_blank" href="https://12ft.io/"><img loading="lazy" 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 loading="lazy" src="images/buttons/righttorepair.png" alt="I support right to repair">
+              <img loading="lazy" 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 loading="lazy" src="images/buttons/chrome.gif" alt="Google Chrome is evil!"></a>
+              <img loading="lazy" src="images/buttons/i_hate_microsoft.png" alt="I hate Microsoft">
+              <img loading="lazy" src="images/buttons/win11no.gif" alt="Windows 11 No!">
+              <img loading="lazy" src="images/buttons/antinft.gif" alt="This is an Anti-NFT site">
+              <a target="_blank" href="https://yesterweb.org/no-to-web3/"><img loading="lazy" src="images/buttons/notoweb3.gif" alt="Keep the web free, say no to web3"></a>
+              <a target="_blank" href="https://www.qobuz.com/"><img loading="lazy" src="images/buttons/spotify.gif" alt="Spotify: When you love music but HATE artists"></a>
+              <img loading="lazy" src="images/buttons/fuckyouistillusecds.png" alt="Fuck you, I still use CDs!">
+              <img loading="lazy" src="images/buttons/amd_powered.gif" alt="Powered by AMD">
+              <img loading="lazy" src="images/buttons/linux_powered.gif" alt="Linux powered">
+              <img loading="lazy" src="images/buttons/drpepper.gif" alt="Powered by Dr Pepper">
+              <img loading="lazy" src="images/buttons/the_void.gif" alt="Powered by the void">
+              <img loading="lazy" src="images/buttons/miku-approved.gif" alt="This site is Miku approved">
+              <img loading="lazy" src="images/buttons/krisbtn.png" alt="Kris where tf are we">
+              <a target="_blank" href="https://neofoxfloofexplo.de/"><img loading="lazy" src="images/buttons/floof_explode_88x31.gif" alt=":neofox_floof_explode:"></a>
+              <img loading="lazy" src="images/buttons/badhtml.png" alt="W3C Bad HTML Markup">
+              <img loading="lazy" src="images/buttons/bantimetravel.png" alt="Ban Time Travel &quot;Now&quot;">
+              <img loading="lazy" src="images/buttons/css.png" alt="CSS is awesome">
+              <img loading="lazy" src="images/buttons/tyg.gif" alt="Trans your gender">
+              <!--a target="_blank" href="https://we-are-jammin.xyz/"><img loading="lazy" 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" loading="lazy"></iframe>
+              <a target="_blank" href="https://crouton.net/"><img loading="lazy" src="images/buttons/usatoday.gif" alt="USA Today Hot Site"></a>
+              <a target="_blank" href="https://seaslug.neocities.org/"><img loading="lazy" src="images/buttons/shrimp.png" alt="Shrimp Now!"></a>
+              <a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"><img loading="lazy" 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 loading="lazy" src="images/buttons/i_was_on_cohost.gif" alt="I was on Cohost"></a>
+              <img loading="lazy" src="images/buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web">
+              <img loading="lazy" src="images/buttons/queercoded.png" alt="You're telling me a queer coded this">
+              <img loading="lazy" src="images/buttons/she-her.gif" alt="she/her" title="Its pronouns are she/her">
+              <img loading="lazy" 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://bugwo.men/stuff/beat/frame.php?theme=digital" style="width: 88px; height: 31px; border: none;" title="Current time in .beats"></iframe>
+              <a href="https://rainy.gay/pride/pridebuttons.html"><img loading="lazy" src="images/buttons/trans.png" alt="Trans pride flag"></a>
+              <iframe src="https://bugwo.men/stuff/beat/frame.php?theme=digital" style="width: 88px; height: 31px; border: none;" title="Current time in .beats" loading="lazy"></iframe>
             </div>
           </details>
         </section>
         <section>
           <h3>"Sponsored" "Content"</h3>
-          <iframe title="Johnvertisement" src="https://john.citrons.xyz/embed?ref=https://bugwo.men/" id="johnvertisement"></iframe>
-          <iframe title="Mothvertisement" src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
+          <iframe title="Johnvertisement" loading="lazy" src="https://john.citrons.xyz/embed?ref=https://bugwo.men/" id="johnvertisement"></iframe>
+          <iframe title="Mothvertisement" loading="lazy" 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&amp;id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></a>
+          <a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img loading="lazy" alt="Kevin" src="images/plant1-2.webp"></a>
+          <a target="_blank" href="https://www.pixelcatsend.com/profile&amp;id=3734" title="Shadow"><img loading="lazy" alt="Shadow" src="images/shadow.webp" 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>
+          <a target="_blank" href="https://shroom.ink/decay/adopt-a-shroom/" title="Ophiocordyceps Unilateralis"><img loading="lazy" alt="Ophiocordyceps Unilateralis" src="images/Ophiocordyceps_unilateralis.webp" 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 &mdash; the roaches can have it."><img alt="french fry" src="images/fry.png" style="height: 2rem; position: fixed; bottom: -6px;"></a>
+          <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 loading="lazy" alt="benlet" src="images/benlet1.webp" 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 &mdash; the roaches can have it."><img loading="lazy" alt="french fry" src="images/fry.webp" style="height: 2rem; position: fixed; bottom: -6px;"></a>
       </section>
 
     </main>
diff --git a/links/index.php b/links/index.php
index aaed3ef..b29237b 100644
--- a/links/index.php
+++ b/links/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>links | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php');?>
diff --git a/me/index.php b/me/index.php
index dc8df8a..7e06d93 100644
--- a/me/index.php
+++ b/me/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>me | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/me/pronouns/index.php b/me/pronouns/index.php
index 22d727a..65fefb4 100644
--- a/me/pronouns/index.php
+++ b/me/pronouns/index.php
@@ -4,7 +4,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>pronounce | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <style>
       .entry-container {
         display: flex;
diff --git a/meta/index.php b/meta/index.php
index 8850302..ea6700a 100644
--- a/meta/index.php
+++ b/meta/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>meta | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
@@ -44,15 +43,24 @@
           </ul>
           <p>That's all well and good, but there are some other points I want to address:</p>
           <p>While the colour contrast meets <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Perceivable/Color_contrast">WCAG standards</a> in most places, the one major exception is links in areas with highlighted backgrounds, which have a contrast ratio of a bit over 3.5. I'm treating this as acceptable because it's still decently readable for most, and the high-contrast theme renders this a non-issue by removing those backgrounds.</p>
-          <p>You may notice that I've omitted any kind of direct toggle for themes, fonts, animations, etc. I've opted to use media queries for those purposes instead in order to automatically respect the viewer's system settings. My thinking is that most people who need those features will probably have them enabled at the browser or OS level anyway, so forcing them to set them using a Javascript-based toggle for my site in particular would be unnecessary extra work for both of us.</p>
+          <p>You may notice that I've omitted any kind of direct toggle for themes, animations, etc. I've opted to use media queries for those purposes instead in order to automatically respect the viewer's system settings. My thinking is that most people who need those features will probably have them enabled at the browser or OS level anyway, so forcing them to set them using a Javascript-based toggle for my site in particular would be unnecessary extra work for both of us.</p>
           <p>On the subject of media queries, there's a media query that allows the user to indicate a preference for lower contrast, but I've yet to find any way to trigger it or any information on how I'm supposed to respond to it. My stopgap solution for now is to apply a lowered-contrast filter to the whole page when that setting is active. I'm not confident this is the way to go here.</p>
           <p>Finally, the hamburger menu that materializes on small displays works using the CSS "checkbox hack". This is not keyboard friendly, but I've compensated for it by using the shiny new :has selector to open the nav menu automatically when you focus something in it with the keyboard. I'm aware this probably isn't great, but I'm hoping it won't pose much of a problem because being affected by this would require you to be using keyboard navigation, and be on a relatively small screen, and actually be reliant on sight to view the page (eg. blind people using screen readers shouldn't even notice the difference). In other words, I'm kind of banking on that overlap being small enough that nobody in it ever stumbles upon this site. If that's you, sorry.</p>
           <p>I'd like to eventually devise some sort of hybrid solution that uses accessible Javascript with &lt;button&gt;s and such and falls back to the checkbox hack if you have that disabled, but I've yet to do that as of writing.</p>
+          <p>This site now has a font toggle! It uses no Javascript, but has to set a cookie to work.</p>
         </section>
         <section>
           <h3>credits</h3>
-          <p>This site uses the font family <a href="https://fonts.google.com/specimen/B612+Mono">B612 Mono</a> pretty much everywhere.</p>
-          <img src="/images/reactions/thumbsup.png" alt="me giving an enthusiastic thumbs up" style="max-width: 7rem; float: left; margin-right: var(--stdpadding);">
+          <p>This site uses the font family <a href="https://fonts.google.com/specimen/B612+Mono">B612 Mono</a> pretty much everywhere by default. Also available are:</p>
+          <ul>
+            <li>Regular <a href="https://fonts.google.com/specimen/B612">B612</a></li>
+            <li><a href="https://opendyslexic.org/">OpenDyslexic</a></li>
+            <li><a href="https://www.brailleinstitute.org/freefont/">Atkinson Hyperlegible</a></li>
+            <li><a href="https://fonts.google.com/specimen/Google+Sans">Google Sans</a> (<a href="https://fonts.google.com/specimen/Google+Sans+Code">Code</a>)</li>
+            <li><a href="https://fonts.google.com/noto/specimen/Noto+Serif">Noto Serif</a> (<a href="https://fonts.google.com/noto/specimen/Noto+Sans+Mono">Sans Mono</a>)</li>
+            <li><a href="https://fonts.google.com/specimen/Silkscreen">Silkscreen</a></li>
+          </ul>
+          <img src="/images/reactions/ada/thumbsup.webp" alt="me giving an enthusiastic thumbs up" style="max-width: 7rem; float: left; margin-right: var(--stdpadding);">
           <p><-- As of now, all of these little portraits were drawn by me, as well as the isopod in the site header. You can tell because they use my trademark "style" of thick, scribbly lines and the Krita default brush.</p>
           <p>The main dark mode background image is a screenshot I took myself of Subnautica: Below Zero, a game that I've played for less than an hour since it left early access. All other backgrounds were taken from Duckduckgo image searches.</p>
           <p>Some resources I've found helpful:</p>
diff --git a/music/index.php b/music/index.php
index 88c807b..5754d7d 100644
--- a/music/index.php
+++ b/music/index.php
@@ -4,7 +4,6 @@
 <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
   <title>music | <?php echo($_SERVER['HTTP_HOST']);?></title>
-  <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   <style>
     #flex-container {
       display: flex;
diff --git a/notes/index.php b/notes/index.php
index 605db9c..40ca7af 100644
--- a/notes/index.php
+++ b/notes/index.php
@@ -12,7 +12,6 @@ error_reporting(E_ALL);
     ?>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title><?php if(!$nostag) { echo("#$stag | ");} ?> notes | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php');?>
diff --git a/notes/notes.atom b/notes/notes.atom
index 5955e22..c6d2718 100644
--- a/notes/notes.atom
+++ b/notes/notes.atom
@@ -3,15 +3,25 @@
     <title>bugwo.men notes</title>
     <id>https://bugwo.men/notes/</id>
     <link rel="alternate" href="https://bugwo.men/notes/"></link>
-    <updated>2026-09-16T00:00:00+00:00</updated>
+    <updated>2026-10-12T00:00:00+00:00</updated>
     <author>
-        <name>Ada Isopod</name>
+        <name>Ada Isopods</name>
         <uri>https://bugwo.men/</uri>
     </author>
     <generator>ME</generator>
     <category term="notes"/>
     <category term="links"/>
     <category term="tech"/>
+    <entry>
+        <title>Passkeys are a trap. Do not use them.</title>
+        <id>https://nonfunctional.substack.com/p/passkeys-are-a-trap-do-not-use-them</id>
+        <link rel="alternate" href="https://nonfunctional.substack.com/p/passkeys-are-a-trap-do-not-use-them" type="html" title="Passkeys are a trap. Do not use them."></link>
+        <published>2026-10-12T00:00:00+00:00</published>
+        <updated>2026-10-12T00:00:00+00:00</updated>
+        <summary type="html">&lt;p&gt;I knew there was something off about passkeys from the moment I logged into Amazon and it opened a popup from my password manager trying to register one without my consent.&lt;/p&gt;</summary>
+        <category term="tech"/>
+        <category term="capitalism"/>
+    </entry>
     <entry>
         <title>Actually, it's about Ethics in Transgenderism</title>
         <id>https://aria.dog/barks/ethics-in-transgenderism/</id>
diff --git a/setfont.php b/setfont.php
new file mode 100644
index 0000000..8bc24b3
--- /dev/null
+++ b/setfont.php
@@ -0,0 +1,17 @@
+<?php
+setcookie("bugwomen_font_choice", $_POST["font"]);
+
+header("Location: ".$_SERVER['HTTP_REFERER']);
+?>
+
+<!DOCTYPE html>
+<html>
+  <body>
+
+<?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+var_dump($_POST["font"]); ?>
+  </body>
+</html>
\ No newline at end of file
diff --git a/stats/index.php b/stats/index.php
index 3aca837..b9a764f 100644
--- a/stats/index.php
+++ b/stats/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>stats | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="../style.css" rel="stylesheet" type="text/css" media="all">
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/common.php'); ?>
   </head>
   <body>
diff --git a/stuff/beat/index.php b/stuff/beat/index.php
index 5c97072..8082de6 100644
--- a/stuff/beat/index.php
+++ b/stuff/beat/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title><?php echo '@'.date("B"); ?> | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <style>
       .beatframe {
         width: 100%;
diff --git a/stuff/beat/pixel.css b/stuff/beat/pixel.css
index 20f3f37..76c3f03 100644
--- a/stuff/beat/pixel.css
+++ b/stuff/beat/pixel.css
@@ -1,6 +1,7 @@
 @font-face {
   font-family: beat;
   src: url("../fonts/slkscr.ttf");
+  font-display: swap;
 }
 body {
   font-family: beat, monospace;
diff --git a/stuff/index.php b/stuff/index.php
index 654f427..4adfeaa 100644
--- a/stuff/index.php
+++ b/stuff/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>stuff | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="../style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php');?>
diff --git a/stuff/quotes/index.php b/stuff/quotes/index.php
index 0c8b76c..5b52506 100644
--- a/stuff/quotes/index.php
+++ b/stuff/quotes/index.php
@@ -7,7 +7,6 @@ error_reporting(E_ALL);
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>#quotes | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <style type="text/css">
       main {
         --bg0: #323339;
diff --git a/stuff/spotifycdnsilly/ip.php b/stuff/spotifycdnsilly/ip.php
index 33fb903..c824110 100644
--- a/stuff/spotifycdnsilly/ip.php
+++ b/stuff/spotifycdnsilly/ip.php
@@ -11,7 +11,6 @@ $img = "<img src='$url' alt='Spotify: $addr'>";
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title><?php echo($addr); ?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <?php echo("<meta property='og:image' content='$url'>"); ?>
   </head>
   <body style="display: flex; align-items: center; justify-content: center;">
diff --git a/stuff/webgarden/images/yay.png b/stuff/webgarden/images/yay.png
index fae981b..c733772 100644
Binary files a/stuff/webgarden/images/yay.png and b/stuff/webgarden/images/yay.png differ
diff --git a/stuff/webgarden/images/yay.webp b/stuff/webgarden/images/yay.webp
new file mode 100644
index 0000000..7ee9aac
Binary files /dev/null and b/stuff/webgarden/images/yay.webp differ
diff --git a/stuff/webgarden/index.php b/stuff/webgarden/index.php
index d862000..c0aae52 100644
--- a/stuff/webgarden/index.php
+++ b/stuff/webgarden/index.php
@@ -230,9 +230,9 @@
           <img <?php
           
           if(rand(1, 1000) == 500) {
-            echo('src="images/collectmypages.png"');
+            echo('src="images/collectmypages.webp"');
           } else {
-            echo('src="images/yay.png"');
+            echo('src="images/yay.webp"');
           }
           
           ?> style="max-width: 100%; height: auto;" />
diff --git a/stuff/webgarden/style.css b/stuff/webgarden/style.css
index bd37aec..b10bbee 100644
--- a/stuff/webgarden/style.css
+++ b/stuff/webgarden/style.css
@@ -1,27 +1,9 @@
 @font-face {
   font-family: 'Silkscreen';
   src: url('../fonts/slkscr.ttf');
+  font-display: swap;
 }
-@font-face {
-  font-family: b612_mono;
-  src: url(stuff/fonts/B612_Mono/B612Mono-Regular.ttf);
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(stuff/fonts/B612_Mono/B612Mono-Bold.ttf);
-  font-weight: bold;
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(stuff/fonts/B612_Mono/B612Mono-Italic.ttf);
-  font-style: italic;
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(stuff/fonts/B612_Mono/B612Mono-BoldItalic.ttf);
-  font-weight: bold;
-  font-style: italic;
-}
+@import url('/stuff/fonts/b612.css');
 
 :root {
   color-scheme: dark light;
diff --git a/style.css b/style.css
index 4f6f76a..5644bd0 100644
--- a/style.css
+++ b/style.css
@@ -1,54 +1,3 @@
-@font-face {
-  font-family: b612;
-  src: url(https://bugwo.men/stuff/fonts/B612/B612-Regular.ttf);
-  font-display: swap;
-}
-@font-face {
-  font-family: b612;
-  src: url(https://bugwo.men/stuff/fonts/B612/B612-Bold.ttf);
-  font-weight: bold;
-  font-display: swap;
-}
-@font-face {
-  font-family: b612;
-  src: url(https://bugwo.men/stuff/fonts/B612/B612-Italic.ttf);
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: b612;
-  src: url(https://bugwo.men/stuff/fonts/B612/B612-BoldItalic.ttf);
-  font-weight: bold;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: b612_mono;
-  src: url(https://bugwo.men/stuff/fonts/B612_Mono/B612Mono-Regular.ttf);
-  font-display: swap;
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(https://bugwo.men/stuff/fonts/B612_Mono/B612Mono-Bold.ttf);
-  font-weight: bold;
-  font-display: swap;
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(https://bugwo.men/stuff/fonts/B612_Mono/B612Mono-Italic.ttf);
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: b612_mono;
-  src: url(https://bugwo.men/stuff/fonts/B612_Mono/B612Mono-BoldItalic.ttf);
-  font-weight: bold;
-  font-style: italic;
-  font-display: swap;
-}
-
-
 :root {
   color-scheme: dark light;
 
@@ -82,7 +31,7 @@
   If there's a color value somewhere else, move it here so it can be responsive */
 
   --stdpadding: 1rem;
-  --idealwidth: calc(80ch + (var(--stdpadding) * 10));
+  --idealwidth: calc(52rem + (var(--stdpadding) * 10));
   --bodywidth: min(calc(90vw - (4 * var(--stdpadding))), var(--idealwidth));
   /*--mobileviewmaxwidth: calc(92ch + 24rem); root variables don't work in media queries, apparently. Keeping this here for reference */
 
@@ -95,7 +44,8 @@
   --stddropshadow: .25rem .25rem .5rem var(--shadow);
   --blockshadow: drop-shadow(0 0 1.5rem var(--shadow));
 
-  --bodyfont: b612_mono, monospace;
+  /* --bodyfont should be declared in the font's stylesheet
+  --bodyfont: b612_mono, monospace; */
 
 }
 html, body {
@@ -121,7 +71,8 @@ body > p:last-child {
 a {
   color: var(--accent1);
 }
-a:hover {
+a:hover,
+a:focus {
   color: var(--accent2);
 }
 .backlink {
@@ -273,6 +224,23 @@ footer {
 footer p {
   margin: 0;
 }
+footer input {
+  padding: .2rem .5rem;
+}
+.footerform {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  align-items: center;
+}
+.footerform > div {
+  display: flex;
+  flex-direction: column;
+  gap: .2rem;
+}
+.footerform label {
+  font-size: 0.8em;
+}
 
 /* Headings */
 
@@ -407,7 +375,9 @@ pre {
   height: fit-content;
 }
 code {
+  font-size: .8em;
   padding: 0.15em .5em;
+  font-family: var(--monofont);
 }
 pre > code {
   display: block;
@@ -473,7 +443,8 @@ p img {
   vertical-align: middle;
   transition: .15s;
 }
-p img:hover {
+p img:hover,
+p img:focus {
   transform: scale(1.3);
 }
 
@@ -566,7 +537,7 @@ dt:empty + dd {
 input, textarea {
   border: none;
   background-color: var(--bg00);
-  font-family: var(--bodyfont);
+  font-family: var(--monofont);
   margin: 0;
 }
 
@@ -591,13 +562,17 @@ textarea {
   border-bottom: .1rem solid var(--accent2);
 }
 
-input[type="submit"] {
+input[type="submit"], select {
   border: var(--stdaccentborder);
   height: min-content;
   background-color: var(--bg1);
+  font-family: var(--bodyfont);
 }
 
-input[type="submit"]:hover {
+input[type="submit"]:hover,
+input[type="submit"]:focus,
+select:hover,
+select:focus {
   border-color: var(--accent2);
   color: var(--accent2);
   background-color: var(--bg2);
@@ -714,13 +689,15 @@ hr {
 .prefers-contrast-less-message {
   display: none;
 }
-summary:hover {
+summary:hover,
+summary:focus {
   cursor: pointer;
 }
 [title] {
   text-decoration: underline;
 }
-[title]:hover {
+[title]:hover,
+[title]:focus {
   cursor: help;
 }
 .webrings {
@@ -814,7 +791,8 @@ p.ada, p.hannah, p.spider, p.astrid {
   transition: .2s;
   box-sizing: border-box;
 }
-.cd:hover {
+.cd:hover,
+.cd:focus {
   transform: scale(1.1);
   box-shadow: 0 0 8rem #0007;
 }
@@ -827,7 +805,8 @@ p.ada, p.hannah, p.spider, p.astrid {
   animation-timing-function: linear;
   width: 100%;
 }
-.cd:hover img {
+.cd:hover img,
+.cd:focus img {
   animation-duration: 300ms;
 }
 section:nth-child(2n+1) .cd {
@@ -1261,7 +1240,8 @@ time.entrydate, .entrydate time {
     filter: drop-shadow(.1rem 0 0 var(--fg0))
             drop-shadow(0 -.1rem 0 var(--fg0));
   }
-  a:hover {
+  a:hover,
+  a:focus {
     background-color: AccentColor;
   }
   :is(dt, dd):nth-of-type(2n) {
diff --git a/themes/dracula.css b/themes/dracula.css
new file mode 100644
index 0000000..955162d
--- /dev/null
+++ b/themes/dracula.css
@@ -0,0 +1,27 @@
+:root {
+  --background: #282A36;
+  --foreground: #F8F8F2;
+  --accent1: #BD93F9;
+  --accent2: #FFB86C;
+  --shadow: #1d2021aa;
+  --message-red: #FF5555;
+  --message-green: #50FA7B;
+  --message-yellow: #F1FA8C;
+  --message-blue: #8BE9FD;
+
+  --fg0: var(--foreground);
+  --fg1: color-mix(in srgb, var(--foreground) 85%, var(--background) 15%);
+  --fg2: color-mix(in srgb, var(--foreground) 75%, var(--background) 25%);
+  --fg3: color-mix(in srgb, var(--foreground) 65%, var(--background) 35%);
+  --fg00: #fffff7;
+
+  --bg0: var(--background);
+  --bg1: color-mix(in srgb, var(--background) 93%, var(--foreground) 7%);
+  --bg2: color-mix(in srgb, var(--background) 87%, var(--foreground) 13%);
+  --bg3: color-mix(in srgb, var(--background) 80%, var(--foreground) 20%);
+  --bg00: #101115;
+}
+
+body {
+  background: var(--bg00);
+}
\ No newline at end of file
diff --git a/themes/gruvbox.css b/themes/gruvbox.css
new file mode 100644
index 0000000..f9d2e37
--- /dev/null
+++ b/themes/gruvbox.css
@@ -0,0 +1,27 @@
+:root {
+  --background: light-dark(#fbf1c7, #282828);
+  --foreground: light-dark(#282828, #fbf1c7);
+  --accent1: light-dark(#427b58, #8ec07c);
+  --accent2: light-dark(#8f3f71, #d3869b);
+  --shadow: #1d2021aa;
+  --message-red: light-dark(#cc241d, #cc241d);
+  --message-green: light-dark(#98971a, #98971a);
+  --message-yellow: light-dark(#d79921, #d79921);
+  --message-blue: light-dark(#458588, #458588);
+
+  --fg0: var(--foreground);
+  --fg1: light-dark(#3c3836,#ebdbb2);
+  --fg2: light-dark(#504945,#d5c4a1);
+  --fg3: light-dark(#665c54,#bdae93);
+  --fg00: light-dark(#1d2021, #f9f5d7);
+
+  --bg0: var(--background);
+  --bg1: light-dark(#ebdbb2,#3c3836);
+  --bg2: light-dark(#d5c4a1,#504945);
+  --bg3: light-dark(#bdae93,#665c54);
+  --bg00: light-dark(#f9f5d7, #1d2021);
+}
+
+body {
+  background: var(--bg00);
+}
\ No newline at end of file
diff --git a/uses/audio/index.php b/uses/audio/index.php
index 2ae9ec4..d4f28cc 100644
--- a/uses/audio/index.php
+++ b/uses/audio/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>audio & music gear | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/uses/compier/index.php b/uses/compier/index.php
index ba04c15..381ad0c 100644
--- a/uses/compier/index.php
+++ b/uses/compier/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>my computer | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/uses/cumulonimbus/index.php b/uses/cumulonimbus/index.php
index 41a8916..3899b7e 100644
--- a/uses/cumulonimbus/index.php
+++ b/uses/cumulonimbus/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>cumulonimbus | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/uses/index.php b/uses/index.php
index 1e1375a..e8ae388 100644
--- a/uses/index.php
+++ b/uses/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>uses | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
diff --git a/uses/servy586/index.php b/uses/servy586/index.php
index f0d7303..899752e 100644
--- a/uses/servy586/index.php
+++ b/uses/servy586/index.php
@@ -3,7 +3,6 @@
   <head>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
     <title>my home server | <?php echo($_SERVER['HTTP_HOST']);?></title>
-    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
-- 
cgit v1.2.3