head.html in jekyll-theme-tallneck-0.3.1

- old
+ new
@@ -20,15 +20,21 @@
 
     <link rel="alternate" type="application/atom+xml" title="Feed" href="{{ "/feed.xml" | absolute_url }}">
 
     <!-- Preload -->
     <link rel="preload" as="style" href="{{ "/assets/css/style.css" | relative_url }}">
+    <link rel="preload" as="font" type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2" | relative_url }}">
+    <link rel="preload" as="font" type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2" | relative_url }}">
+    <link rel="preload" as="image" type="image/svg+xml" href="{{ "/assets/images/logo.svg" | relative_url }}">
 
     <!-- CSS stylesheets -->
-    <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}" blocking="render" fetchpriority="high">
-    <link rel="stylesheet" href="{{ "/assets/css/code.css" | relative_url }}" fetchpriority="low">
-    <link rel="stylesheet" href="{{ "/assets/css/print.css" | relative_url }}" media="print" fetchpriority="low">
+    <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}" media="all" blocking="render" fetchpriority="high">
     
+    <!-- Defer non-critical css -->
+    <link rel="stylesheet" href="{{ "/assets/css/print.css" | relative_url }}" media="print" fetchpriority="low">
+    <link rel="stylesheet" href="{{ "/assets/css/light_code.css" | relative_url }}" media="(prefers-color-scheme: light)" fetchpriority="low">
+    <link rel="stylesheet" href="{{ "/assets/css/dark_code.css" | relative_url }}"  media="(prefers-color-scheme: dark)" fetchpriority="low">
+
     <!-- Favicon -->
     <link rel="icon" href="{{ /assets/images/favicon.svg | relative_url }}" type="image/svg+xml">
     <link rel="icon" href="{{ /assets/images/favicon.ico | relative_url }}" sizes="any">
     
     <!-- PWA -->
\ No newline at end of file