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

4 files changed, 4 insertions, 22 deletions

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;