performance enhancers

src/static/css/App.css

@@ -456,6 +456,11 @@ tr {
   margin-right: auto;
 }
 
+.blinkies {
+  width: 150px;
+  height: 20px;
+}
+
 #skillstag::after {
   content: "Click for details...";
   display: block;
@@ -1037,12 +1042,12 @@ tr {
 
   /* Be sure to uncomment this if we ever stop using jebwin memes */
   /* #homeIcon {
-    content: url("../icons/rasterLogo.png");
+    content: url("../icons/rasterlogo.png");
   } */
 
   .name {
     font-size: min(6vw, 2em);
-    background: url("../icons/rasterLogo.png") 0/5rem no-repeat;
+    background: url("../icons/min.rasterLogo.avif") 0/5rem no-repeat;
     background-size: contain;
   }
 

src/templates/header.html

@@ -46,18 +46,19 @@
       rel="stylesheet"
       href="{{ url_for('static', filename='css/App.css') }}"
     />
+    <!--
     <link
       rel="stylesheet"
       href="{{ url_for('static', filename='css/checkbox.css') }}"
     />
-    <!--
+    
     <link
       rel="stylesheet"
       href="{{ url_for('static', filename='css/head.css') }}"
     /></!-->
 
     <link rel="canonical" href="{{ var['canonical'] }}" />
-    <script src="{{ url_for('static', filename='js/checkbox.js') }}"></script>
+    <!-- <script src="{{ url_for('static', filename='js/checkbox.js') }}"></script> !-->
     <script src="{{ url_for('static', filename='js/responsive.js') }}"></script>
     <script src="{{ url_for('static', filename='js/chessbed.js') }}"></script>
     <title>{{ var['title'] }}</title>

src/templates/home.html

@@ -5,8 +5,9 @@
     <div class="flex vertOnMobile">
         <div>
             <img
-                src="{{ url_for('static', filename='photos/moonWizard.jpeg') }}"
+                src="{{ url_for('static', filename='photos/min.moonWizard.avif') }}"
                 id="homeIcon"
+                fetchpriority=high
                 alt="logo"
             />
         </div>
@@ -19,13 +20,13 @@
     <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
     <!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
     <div id="desktopSpacer"></div>
-    <div class="homeSubContent blinkies">
+    <div class="homeSubContent">
-      <img alt='My Brain is Glowing' src="{{ url_for('static', filename='photos/blinkies/brainglow.gif') }}" />
+      <img class='blinkies' alt='My Brain is Glowing' src="{{ url_for('static', filename='photos/blinkies/brainglow.gif') }}" />
-      <img alt='Pepsi Addict' src="{{ url_for('static', filename='photos/blinkies/pepsiaddict.gif') }}" />
+      <img class='blinkies' alt='Pepsi Addict' src="{{ url_for('static', filename='photos/blinkies/pepsiaddict.gif') }}" />
-      <img alt='I Fear No Beer' src="{{ url_for('static', filename='photos/blinkies/fearnobeer.gif') }}" />
+      <img class='blinkies' alt='I Fear No Beer' src="{{ url_for('static', filename='photos/blinkies/fearnobeer.gif') }}" />
-      <img alt='Secret Message' src="{{ url_for('static', filename='photos/blinkies/tooclose.gif') }}" />
+      <img class='blinkies' alt='Secret Message' src="{{ url_for('static', filename='photos/blinkies/tooclose.gif') }}" />
-      <img alt="They took my blood but it wasn't DNA, it was USA" src="{{ url_for('static', filename='photos/blinkies/usa.gif') }}" />
+      <img class='blinkies' alt="They took my blood but it wasn't DNA, it was USA" src="{{ url_for('static', filename='photos/blinkies/usa.gif') }}" />
-      <img alt='Bob the Builder gif' src="{{ url_for('static', filename='photos/blinkies/bobthebuilder.gif') }}" />
+      <img class='blinkies' alt='Bob the Builder gif' src="{{ url_for('static', filename='photos/blinkies/bobthebuilder.gif') }}" />
         <div>
             <h3>Now What?</h3>
             <p>

src/templates/partials/chess.html

@@ -35,7 +35,7 @@
   </div>
   <div class="bottomtext">Chess.com Stat Embed by Andrew Simonson</div>
 </div>
-<script>
+<script defer>
   addChessEmbed("{{ username }}");
 </script>
 {%- endmacro %}