1 files changed, 36 insertions, 0 deletions
diff --git a/site/themes/sine/layouts/partials/head.html b/site/themes/sine/layouts/partials/head.html
new file mode 100644
index 0000000..e7c23e5
--- /dev/null
+++ b/site/themes/sine/layouts/partials/head.html
@@ -0,0 +1,36 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<title>{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }}</title>
+
+<!-- Scuffed fix for theme change flash -->
+<script>
+  // Run as early as possible
+  (function() {
+    const theme = localStorage.getItem("theme");
+    const preloadClass = theme === "dark" ? "preload-dark" : "preload-light";
+
+    // Add preload class to <html>
+    document.documentElement.classList.add(preloadClass);
+
+    // Wait for stylesheet(s) to load, then remove class
+    window.addEventListener("load", function() {
+      document.documentElement.classList.remove(preloadClass);
+    });
+  })();
+</script>
+<style>
+  /* Temporary background colors before stylesheet is fully loaded */
+  .preload-light * {
+    background: #ffffff !important;
+  }
+  .preload-dark * {
+    background: #161616 !important;
+  }
+</style>
+
+<link rel="stylesheet" href="/css/style.css" type="text/css" media="all" />
+
+{{ with .OutputFormats.Get "rss" -}}
+  {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+{{ end -}}