diff options
| author | Ada Isopods <me@bathynomus.xyz> | 2026-10-14 03:38:44 -0600 |
|---|---|---|
| committer | Ada Isopods <me@bathynomus.xyz> | 2026-10-14 03:38:44 -0600 |
| commit | 40bbd9b5480c69e2c95bd9f20cc428ce992e7b15 (patch) | |
| tree | a11ed9987aa2ce676074d40ad33227b8875f2b01 | |
| parent | aa7f342d12005e51924ce1e39770c709dcf96566 (diff) | |
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
| -rw-r--r-- | blog/index.php | 1 | ||||
| -rw-r--r-- | blog/post.php | 1 | ||||
| -rw-r--r-- | blog/posts/100webmaster/index.md | 2 | ||||
| -rw-r--r-- | blog/posts/building_a_cooler_body/index.md | 22 | ||||
| -rw-r--r-- | blog/posts/customcans_4pin_pinout/index.md | 2 | ||||
| -rw-r--r-- | blog/posts/discord2/index.md | 4 | ||||
| -rw-r--r-- | blog/posts/fuckass_air_conditioner/index.md | 4 | ||||
| -rw-r--r-- | boilerplate.php | 18 | ||||
| -rw-r--r-- | footer.php | 29 | ||||
| -rw-r--r-- | greenhouse/index.php | 1 | ||||
| -rw-r--r-- | guestbook/index.php | 1 | ||||
| -rw-r--r-- | guestbook/submit.php | 3 | ||||
| -rw-r--r-- | header.php | 2 | ||||
| -rw-r--r-- | images/Ophiocordyceps_unilateralis.webp | bin | 0 -> 6160 bytes | |||
| -rw-r--r-- | images/benlet1.webp | bin | 0 -> 322 bytes | |||
| -rw-r--r-- | images/fry.webp | bin | 0 -> 1568 bytes | |||
| -rw-r--r-- | images/landing.webp | bin | 0 -> 22928 bytes | |||
| -rw-r--r-- | images/plant1-2.webp | bin | 0 -> 12210 bytes | |||
| -rw-r--r-- | images/reactions/ada/angy.webp (renamed from images/reactions/angy.webp) | bin | 80460 -> 80460 bytes | |||
| -rw-r--r-- | images/reactions/ada/collectmypages.webp (renamed from images/reactions/collectmypages.webp) | bin | 80136 -> 80136 bytes | |||
| -rw-r--r-- | images/reactions/ada/fear.webp (renamed from images/reactions/fear.webp) | bin | 78830 -> 78830 bytes | |||
| -rw-r--r-- | images/reactions/ada/frozen.webp (renamed from images/reactions/frozen.webp) | bin | 129886 -> 129886 bytes | |||
| -rw-r--r-- | images/reactions/ada/livid.webp (renamed from images/reactions/livid.webp) | bin | 112668 -> 112668 bytes | |||
| -rw-r--r-- | images/reactions/ada/looksaway.webp (renamed from images/reactions/looksaway.webp) | bin | 79974 -> 79974 bytes | |||
| -rw-r--r-- | images/reactions/ada/nerd.webp (renamed from images/reactions/nerd.webp) | bin | 72806 -> 72806 bytes | |||
| -rw-r--r-- | images/reactions/ada/notamused.webp (renamed from images/reactions/notamused.webp) | bin | 80822 -> 80822 bytes | |||
| -rw-r--r-- | images/reactions/ada/reallyembarrassed.webp (renamed from images/reactions/reallyembarrassed.webp) | bin | 89934 -> 89934 bytes | |||
| -rw-r--r-- | images/reactions/ada/sob.webp (renamed from images/reactions/sob.webp) | bin | 79692 -> 79692 bytes | |||
| -rw-r--r-- | images/reactions/ada/squint.webp (renamed from images/reactions/squint.webp) | bin | 80074 -> 80074 bytes | |||
| -rw-r--r-- | images/reactions/ada/thumbsup.webp (renamed from images/reactions/thumbsup.webp) | bin | 73442 -> 73442 bytes | |||
| -rw-r--r-- | images/reactions/ada/whoopsie.webp (renamed from images/reactions/whoopsie.webp) | bin | 89880 -> 89880 bytes | |||
| -rw-r--r-- | images/reactions/ada/yay.webp (renamed from images/reactions/yay.webp) | bin | 80418 -> 80418 bytes | |||
| -rw-r--r-- | images/shadow.webp | bin | 0 -> 18000 bytes | |||
| -rw-r--r-- | index.php | 107 | ||||
| -rw-r--r-- | links/index.php | 1 | ||||
| -rw-r--r-- | me/index.php | 1 | ||||
| -rw-r--r-- | me/pronouns/index.php | 1 | ||||
| -rw-r--r-- | meta/index.php | 16 | ||||
| -rw-r--r-- | music/index.php | 1 | ||||
| -rw-r--r-- | notes/index.php | 1 | ||||
| -rw-r--r-- | notes/notes.atom | 14 | ||||
| -rw-r--r-- | setfont.php | 17 | ||||
| -rw-r--r-- | stats/index.php | 1 | ||||
| -rw-r--r-- | stuff/beat/index.php | 1 | ||||
| -rw-r--r-- | stuff/beat/pixel.css | 1 | ||||
| -rw-r--r-- | stuff/index.php | 1 | ||||
| -rw-r--r-- | stuff/quotes/index.php | 1 | ||||
| -rw-r--r-- | stuff/spotifycdnsilly/ip.php | 1 | ||||
| -rw-r--r-- | stuff/webgarden/images/yay.png | bin | 170185 -> 185062 bytes | |||
| -rw-r--r-- | stuff/webgarden/images/yay.webp | bin | 0 -> 80418 bytes | |||
| -rw-r--r-- | stuff/webgarden/index.php | 4 | ||||
| -rw-r--r-- | stuff/webgarden/style.css | 22 | ||||
| -rw-r--r-- | style.css | 106 | ||||
| -rw-r--r-- | themes/dracula.css | 27 | ||||
| -rw-r--r-- | themes/gruvbox.css | 27 | ||||
| -rw-r--r-- | uses/audio/index.php | 1 | ||||
| -rw-r--r-- | uses/compier/index.php | 1 | ||||
| -rw-r--r-- | uses/cumulonimbus/index.php | 1 | ||||
| -rw-r--r-- | uses/index.php | 1 | ||||
| -rw-r--r-- | uses/servy586/index.php | 1 |
60 files changed, 259 insertions, 187 deletions
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 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°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> + @@ -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("© ".date("Y")." ".$copyrice[array_rand($copyrice)]); + echo("©".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; @@ -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 Binary files differnew file mode 100644 index 0000000..f9a7c45 --- /dev/null +++ b/images/Ophiocordyceps_unilateralis.webp diff --git a/images/benlet1.webp b/images/benlet1.webp Binary files differnew file mode 100644 index 0000000..9cbba03 --- /dev/null +++ b/images/benlet1.webp diff --git a/images/fry.webp b/images/fry.webp Binary files differnew file mode 100644 index 0000000..67efa6b --- /dev/null +++ b/images/fry.webp diff --git a/images/landing.webp b/images/landing.webp Binary files differnew file mode 100644 index 0000000..ffbc7c6 --- /dev/null +++ b/images/landing.webp diff --git a/images/plant1-2.webp b/images/plant1-2.webp Binary files differnew file mode 100644 index 0000000..c4d58c7 --- /dev/null +++ b/images/plant1-2.webp diff --git a/images/reactions/angy.webp b/images/reactions/ada/angy.webp Binary files differindex f712c8e..f712c8e 100644 --- a/images/reactions/angy.webp +++ b/images/reactions/ada/angy.webp diff --git a/images/reactions/collectmypages.webp b/images/reactions/ada/collectmypages.webp Binary files differindex 653d449..653d449 100644 --- a/images/reactions/collectmypages.webp +++ b/images/reactions/ada/collectmypages.webp diff --git a/images/reactions/fear.webp b/images/reactions/ada/fear.webp Binary files differindex 8c6b76e..8c6b76e 100644 --- a/images/reactions/fear.webp +++ b/images/reactions/ada/fear.webp diff --git a/images/reactions/frozen.webp b/images/reactions/ada/frozen.webp Binary files differindex 0252dac..0252dac 100644 --- a/images/reactions/frozen.webp +++ b/images/reactions/ada/frozen.webp diff --git a/images/reactions/livid.webp b/images/reactions/ada/livid.webp Binary files differindex 1ae884d..1ae884d 100644 --- a/images/reactions/livid.webp +++ b/images/reactions/ada/livid.webp diff --git a/images/reactions/looksaway.webp b/images/reactions/ada/looksaway.webp Binary files differindex 01d5780..01d5780 100644 --- a/images/reactions/looksaway.webp +++ b/images/reactions/ada/looksaway.webp diff --git a/images/reactions/nerd.webp b/images/reactions/ada/nerd.webp Binary files differindex ae2480f..ae2480f 100644 --- a/images/reactions/nerd.webp +++ b/images/reactions/ada/nerd.webp diff --git a/images/reactions/notamused.webp b/images/reactions/ada/notamused.webp Binary files differindex ef48abc..ef48abc 100644 --- a/images/reactions/notamused.webp +++ b/images/reactions/ada/notamused.webp diff --git a/images/reactions/reallyembarrassed.webp b/images/reactions/ada/reallyembarrassed.webp Binary files differindex e659f1b..e659f1b 100644 --- a/images/reactions/reallyembarrassed.webp +++ b/images/reactions/ada/reallyembarrassed.webp diff --git a/images/reactions/sob.webp b/images/reactions/ada/sob.webp Binary files differindex 22a62f6..22a62f6 100644 --- a/images/reactions/sob.webp +++ b/images/reactions/ada/sob.webp diff --git a/images/reactions/squint.webp b/images/reactions/ada/squint.webp Binary files differindex 22e0a6c..22e0a6c 100644 --- a/images/reactions/squint.webp +++ b/images/reactions/ada/squint.webp diff --git a/images/reactions/thumbsup.webp b/images/reactions/ada/thumbsup.webp Binary files differindex 6027411..6027411 100644 --- a/images/reactions/thumbsup.webp +++ b/images/reactions/ada/thumbsup.webp diff --git a/images/reactions/whoopsie.webp b/images/reactions/ada/whoopsie.webp Binary files differindex 6198460..6198460 100644 --- a/images/reactions/whoopsie.webp +++ b/images/reactions/ada/whoopsie.webp diff --git a/images/reactions/yay.webp b/images/reactions/ada/yay.webp Binary files differindex 7ee9aac..7ee9aac 100644 --- a/images/reactions/yay.webp +++ b/images/reactions/ada/yay.webp diff --git a/images/shadow.webp b/images/shadow.webp Binary files differnew file mode 100644 index 0000000..172b9f8 --- /dev/null +++ b/images/shadow.webp @@ -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 "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"> + <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 "Now""> + <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&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&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 — 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 — 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 <button>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,9 +3,9 @@ <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> @@ -13,6 +13,16 @@ <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"><p>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.</p></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> <link rel="alternate" href="https://aria.dog/barks/ethics-in-transgenderism/" type="html" title="Actually, it's about Ethics in Transgenderism"></link> 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 Binary files differindex fae981b..c733772 100644 --- a/stuff/webgarden/images/yay.png +++ b/stuff/webgarden/images/yay.png diff --git a/stuff/webgarden/images/yay.webp b/stuff/webgarden/images/yay.webp Binary files differnew file mode 100644 index 0000000..7ee9aac --- /dev/null +++ b/stuff/webgarden/images/yay.webp 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; @@ -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'); ?> |
