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

9 files changed, 5 insertions, 26 deletions

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
--- 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
new 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;