head.html in jekyll-theme-tallneck-0.2.0

- old
+ new
@@ -1,16 +1,45 @@
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f0f0f0">
-    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#252525">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta charset="UTF-8">
+
+    <!-- Design meta -->
+    <meta content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0" name="viewport">
+    <meta content="#f0f0f0" media="(prefers-color-scheme: light)" name="theme-color">
+    <meta content="#252525" media="(prefers-color-scheme: dark)" name="theme-color">
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
+    <link rel="manifest" href="/assets/sitemanifest.json">
+    <meta name="theme-color" content="#282828"/>
+
+    {% if page.private %}
+        <meta name="robots" content="noindex, nofollow">
+    {% else %}
+        {% if page.keywords %}
+        <meta name="keywords" content="{{ page.keywords }}">
+        {% else if site.keywords %}
+        <meta name="keywords" content="{{ site.keywords }}">
+        {% endif %}
+
+        {% seo %}
+    {% endif %}
+
+    <!-- Preload -->
+    <link rel="preload" as="font" href="{{ "/assets/font/opensans/opensans.woff2" | relative_url }}" type="font/woff2">
+    <link rel="preload" as="font" href="{{ "/assets/font/opensans/opensans-bold.woff2" | relative_url }}" type="font/woff2">
+    <link rel="preload" as="font" href="{{ "/assets/font/opensans/opensans-italic.woff2" | relative_url }}" type="font/woff2">
+    <link rel="preload" as="style" href="{{ "/assets/css/style.css" | relative_url }}">
+    <!--<link rel="preload" as="style" href="{{ "/assets/css/code.css" | relative_url }}">-->
     
-    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
+    <!-- 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">
     
-    {% seo %}
+    <!-- Favicon -->
+    <link rel="icon" href="{{ /assets/image/favicon.ico | relative_url }}" sizes="any">
+    <link rel="icon" href="{{ /assets/image/favicon.svg | relative_url }}" type="image/svg+xml">
 
-    <link rel="icon" href="{{ "{{ site.favicon_ico | relative_url }}" | relative_url }}" sizes="any">
-    <link rel="icon" href="{{ "{{ site.favicon | relative_url }}" | relative_url }}" type="image/svg+xml">
-
-    <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
+    <!-- Analytics -->
+    {% if site.cloudflare %}
+    <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "{{ site.cloudflare }}"}'></script>
+    {% endif %}
 </head>
\ No newline at end of file