More performance wrenching

src/_includes/obsidian.pug

@@ -47,6 +47,48 @@ html(lang="en")
                 title Garrett Mills
 
         block style
+            // Register fonts here to avoid 2 layer network dependency tree for bundle.css
+            style.
+                @font-face {
+                    font-family: 'Obsidian';
+                    src: url('/assets/font/obsidian/Obsidian-Roman.otf') format('opentype');
+                    font-weight: normal;
+                    font-style: normal;
+                    font-display: swap;
+                }
+
+                @font-face {
+                    font-family: "JetBrains Mono";
+                    src: url("/assets/font/jetbrains-mono/JetBrainsMono-Regular.woff2") format('woff2');
+                    font-weight: normal;
+                    font-style: normal;
+                    font-display: swap;
+                }
+
+                @font-face {
+                    font-family: "Reckless";
+                    src: url("/assets/font/reckless/WEB/Reckless-Regular.woff2") format('woff2');
+                    font-weight: normal;
+                    font-style: normal;
+                    font-display: swap;
+                }
+
+                @font-face {
+                    font-family: "Reckless";
+                    src: url("/assets/font/reckless/WEB/Reckless-RegularItalic.woff2") format('woff2');
+                    font-weight: normal;
+                    font-style: italic;
+                    font-display: swap;
+                }
+
+                @font-face {
+                    font-family: "Reckless";
+                    src: url("/assets/font/reckless/WEB/Reckless-Bold.woff2") format('woff2');
+                    font-weight: bold;
+                    font-style: normal;
+                    font-display: swap;
+                }
+
             link(rel='stylesheet' href='/bundle.css')
             //link(rel='stylesheet' href=asset('normalize.css'))
             //link(rel='stylesheet' href=asset('main-bam.css'))

src/assets/css/obsidian.css

@@ -1,42 +1,4 @@
-@font-face {
-    font-family: 'Obsidian';
-    src: url('/assets/font/obsidian/Obsidian-Roman.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-    /*font-display: swap;*/
-}
 
-@font-face {
-    font-family: "JetBrains Mono";
-    src: url("/assets/font/jetbrains-mono/JetBrainsMono-Regular.woff2") format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "Reckless";
-    src: url("/assets/font/reckless/WEB/Reckless-Regular.woff2") format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "Reckless";
-    src: url("/assets/font/reckless/WEB/Reckless-RegularItalic.woff2") format('woff2');
-    font-weight: normal;
-    font-style: italic;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "Reckless";
-    src: url("/assets/font/reckless/WEB/Reckless-Bold.woff2") format('woff2');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
 
 
 body {

src/index.md

@@ -2,7 +2,7 @@
 layout: obsidian
 ---
 
-<img src="/assets/img/01-self-portrait-bw.webp" alt="Self-portrait photo of Garrett" style="height: 250px; width: auto; padding-top: 25px;">
+<img src="/assets/img/01-self-portrait-bw-opt.webp" alt="Self-portrait photo of Garrett" fetchpriority="high" style="height: 250px; width: auto; padding-top: 25px;">
 
 _Hi, I'm Garrett._