Big refactor

2022-08-18 17:08:05 +02:00
parent 0520e7641f
commit 92cee16cc8
56 changed files with 475 additions and 293 deletions
@@ -0,0 +1,78 @@
+{{define "base"}}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ template "title" . }}</title>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
+        integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
+        integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
+        crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
+        integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
+        crossorigin="anonymous"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            renderMathInElement(document.body, {
+                delimiters: [
+                    { left: "$", right: "$", display: false },
+                    { left: "$$", right: "$$", display: true },
+                    { left: "\\(", right: "\\)", display: false },
+                    { left: "\\[", right: "\\]", display: true }
+                ]
+            });
+        });
+
+        document.addEventListener('DOMContentLoaded', () => {
+            const $toggle = document.querySelector('#toggle-dark-mode');
+            const $toggleIcon = document.querySelector('#toggle-dark-mode i');
+
+            // Loads prefered dark from from localStorage or defaults to media query.
+            let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+            function storePrefersDarkMode(mode) {
+                prefersDarkMode = mode;
+                localStorage.setItem('theme', mode ? 'dark' : 'light');
+            }
+
+            function displayToggle() {
+                document.body.classList.toggle('dark-mode', prefersDarkMode);
+                $toggleIcon.classList.toggle('fa-moon', prefersDarkMode);
+                $toggleIcon.classList.toggle('fa-sun', !prefersDarkMode);
+            }
+
+            $toggle.addEventListener('click', () => {
+                storePrefersDarkMode(!prefersDarkMode);
+                displayToggle();
+            });
+
+            displayToggle();
+        });
+    </script>
+
+    <link rel="stylesheet" href="/public/style.css">
+    <link rel="stylesheet" href="/public/theme-dark.css">
+</head>
+
+<body {{ if .Page.Name }}class="page-{{ .Page.Name }}"{{ end }}>
+    {{ template "navbar" . }}
+
+    <div class="main">
+        {{ template "body" . }}
+    </div>
+
+    <footer>
+        <div class="footer-item">
+            <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a>
+        </div>
+    </footer>
+</body>
+
+</html>
+{{end}}