Inital

blog/layouts/_partials/bottombar.html

@@ -0,0 +1,11 @@
+<footer class="bottombar">
+  <div class="bottombar-content">
+      <nav class="footer-links">
+        <a href="/impressum/">Impressum</a> ·
+        <a href="/datenschutz/">Datenschutz</a> ·
+        <a href="mailto:{{ .Site.Params.email}}">Email</a>
+        <a href="/publickey.asc">PGP-Key</a>
+      </nav>
+      <div class="copyright">© {{ now.Format "2006" }} {{ .Site.Params.name | default "Your Name" }}</div>
+  </div>
+</footer>

blog/layouts/_partials/infobox.html

@@ -0,0 +1,10 @@
+    <div class="infobox">
+        <div class="infobox-content">
+            <span class="infobox-label">Date Published:</span>
+            <span class="infobox-value">{{ .Date | time.Format "January 2, 2006" }}</span>
+        </div>
+        <div class="infobox-content">
+            <span class="infobox-label">Read time: </span>
+            <span class="infobox-value">{{ printf " %d minute(s)" .ReadingTime }}</span>
+        </div>
+    </div>

blog/layouts/_partials/topbar.html

@@ -0,0 +1,13 @@
+<header class="topbar">
+    <div class="topbar-content">
+    <em>
+        <a href="{{ "/" | relURL }}" class="site-title">
+            {{ .Site.Title }}
+        </a>
+    </em>
+        <nav class="nav-links">
+            <a href="{{ "blog/" | relURL }}">~/blog</a>
+            <a href="{{ "whoami/" | relURL }}">~/whoami</a>
+        </nav>
+  </div>
+</header>

blog/layouts/_partials/typed.html

@@ -0,0 +1,27 @@
+<style>
+#typedText::after {
+  content: "|";
+  animation: blink 0.7s infinite;
+}
+@keyframes blink {
+  50% { opacity: 0; }
+}
+</style>
+
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+    const text = "{{ .Title }}"; // dynamically type the page title
+    const element = document.getElementById("typedText");
+    let index = 0;
+
+    function type() {
+        if (index < text.length) {
+            element.textContent += text.charAt(index);
+            index++;
+            setTimeout(type, 120); // typing speed in ms
+        }
+    }
+
+    type();
+});
+</script>