layout shift optimizations

3 files changed, 5 insertions, 2 deletions

diff --git a/boilerplate.php b/boilerplate.php
index 7d0723c..58f322a 100644
--- a/boilerplate.php
+++ b/boilerplate.php
@@ -3,12 +3,14 @@
 <!--link href="/style.css" rel="stylesheet" type="text/css" media="all"-->
 
 <?php
+
+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>");
+
 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>");
 }
 fontcode("/fonts/b612mono.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>");
 
 $fun = rand(0,8192);
 
diff --git a/index.php b/index.php
index 0218c27..49acd74 100755
--- a/index.php
+++ b/index.php
@@ -26,7 +26,7 @@
   <body>
     <div>
       <a class="top-logo" href="https://arthroplura.observer">
-        <img src="images/arthroplura_darkmode.svg" alt="arthroplura">
+        <img src="images/arthroplura_darkmode.svg" alt="arthroplura" width="117" height="72">
       </a>
       <div>
         <p>uServe OS 52.08 "Twisty Tardigrade" Hybrid CLI
diff --git a/style.css b/style.css
index 0d959b4..edbcc6c 100755
--- a/style.css
+++ b/style.css
@@ -29,6 +29,7 @@
   --border: 2px solid white;
   --boxshadow: 0 0 2px white, 0 0 2px white inset;
   --gradient: linear-gradient(145deg, var(--cyan) 0%, var(--cyan) 55%, var(--red) 75%);
+  --bodyfont: monospace;
 }
 
 img {