diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..26ed7e6
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+
+{{ $.Scratch.Delete "social-list" }}<!---->
+{{ $social := slice "twitter" "github" "instagram" }}<!---->
+{{ range $social }}<!---->
+{{ if isset site.Params . }}<!---->
+{{ $.Scratch.Add "social-list" (slice .) }}<!---->
+{{ end }}<!---->
+{{ end }}<!---->
+
+<html lang="{{ site.LanguageCode }}">
+  {{ partial "head.html" . }}
+
+  <body class="not-ready" data-menu="{{ isset site.Menus `main` }}">
+    {{ partial "header.html" . }}
+
+    <main class="main">{{ block "main" . }}{{ end }}</main>
+
+    {{ partial "footer.html" . }}
+  </body>
+  <script>
+      let bodyClx = document.body.classList;
+      let sysDark = window.matchMedia('(prefers-color-scheme: dark)');
+      let darkVal = localStorage.getItem('dark');
+
+      let setDark = (isDark) => {
+        bodyClx[isDark ? 'add' : 'remove']('dark');
+        localStorage.setItem('dark', isDark ? 'yes' : 'no');
+      };
+
+      setDark(darkVal ? darkVal === 'yes' : sysDark.matches);
+      requestAnimationFrame(() => bodyClx.remove('not-ready'));
+      sysDark.addEventListener('change', (event) => setDark(event.matches));
+  </script>
+</html>
