new sub page paradigm

2026-08-28 01:36:11 +02:00
parent 5d3c428112
commit 3d3d87fad9
23 changed files with 896 additions and 252 deletions
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Samantha Vero Friis</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link
+    href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap"
+    rel="stylesheet" />
+    <script src="https://unpkg.com/htmx.org@2.0.4"></script>
+  <link rel="stylesheet" href="/static/output.css"/>
+</head>
+
+<body class="theme-root day " id="themeRoot">
+
+  <nav>
+    <a class="nav-logo" href="/#">samantha_vero_friis</a> {{if .Sub}}<a class="nav-logo sub">{{.Title}}</a> {{end}}
+  </nav>
+
+  <div class="shell">
+    <aside>
+      <div class="row">
+        <img id="day" src="/static/icons/lovesun.png" width="30px" class="hidden"  onclick="makeday()" >
+        <img id="night" src="/static/icons/moon.png"  width="30px"  onclick="makenight()" >
+      </div>
+        {{if .Sub}}
+        <div>
+            <div class="sidebar-links back">
+            <a href="/">BACK</a>      
+            </div>
+        </div>
+        {{end}}
+
+        {{template "nav" .}}
+
+      <div style="flex: 1;"></div>
+    </aside>
+    <main id="{{.Title}}">
+        {{template "body" .}}
+    </main>
+  </div>
+
+  <footer>
+    <div class="footer-contact">
+      <a href="mailto:me@samantha42.xyz">me@samantha42.xyz</a>
+    </div>
+    <div class="footer-copy">© 2026 — all rights reserved</div>
+  </footer>
+
+  <script>
+  console.log("%c👀 hi there!", "font-size:20px")
+  function makeday() {
+    themeRoot.classList.remove('night');
+    const day = document.getElementById('day');
+    const night = document.getElementById('night');
+    day.classList.add("hidden");
+    night.classList.remove("hidden");
+  }
+  function makenight() {
+    themeRoot.classList.add('night');
+    const day = document.getElementById('day');
+    const night = document.getElementById('night');
+    day.classList.remove("hidden");
+    night.classList.add("hidden");
+  }
+  </script>
+
+</body>
+
+</html>