making loading faster

ui/public/index.html

@@ -5,6 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="/_/icons/logo.svg">
     <link rel="stylesheet" href="/_/code/shared.css">
+    <link
+      rel="preload"
+      href="/_/fonts/BonaNova/BonaNova-Regular.woff"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    >
+    <link
+      rel="preload"
+      href="/_/fonts/BonaNova/BonaNova-Bold.woff"
+      as="font"
+      type="font/woff"
+      crossorigin
+    >
     <style>
 
       body {

ui/public/pages/Home.js

@@ -25,7 +25,7 @@ class Home extends Shadow {
     
             switch(window.location.pathname) {
                 case "/":
-                    img("/_/images/knight.png", "29vmax")
+                    img("/_/images/knight.webp", "29vmax")
                         .position("absolute")
                         .left(50, vw).top(isMobile() ? 50 : 53, vh)
                         .center()