4 files changed, 52 insertions, 0 deletions
diff --git a/site/themes/sine/layouts/partials/footer.html b/site/themes/sine/layouts/partials/footer.html
new file mode 100644
index 0000000..24373ca
--- /dev/null
+++ b/site/themes/sine/layouts/partials/footer.html
@@ -0,0 +1 @@
+<p>&copy;{{ dateFormat "2006" now }} {{ .Site.Title }}</p>
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 -}}
diff --git a/site/themes/sine/layouts/partials/header.html b/site/themes/sine/layouts/partials/header.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/site/themes/sine/layouts/partials/header.html
diff --git a/site/themes/sine/layouts/partials/nav.html b/site/themes/sine/layouts/partials/nav.html
new file mode 100644
index 0000000..efd7e5b
--- /dev/null
+++ b/site/themes/sine/layouts/partials/nav.html
@@ -0,0 +1,15 @@
+<header class="site-header">
+  <nav class="navbar">
+    <div id="logoContainer">
+      <a class="logo" href="{{ .Site.BaseURL }}">{{- .Site.Title -}}</a>
+      <button type="button" id="toggleTheme" data-theme-toggle aria-label="switch theme"></button>
+    </div>
+    <ul class="nav-links">
+      {{ range.Site.Menus.main }}
+      <li>
+        <a href="{{ .URL }}">{{ .Name }}</a>
+      </li>
+      {{ end }}
+    </ul>
+  </nav>
+</header>