86 lines
3.0 KiB
HTML
86 lines
3.0 KiB
HTML
<!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>
|
|
|
|
{{if .Sub}}
|
|
<a class="nav-logo" href="/">samantha_vero_friis <span class="green">/</span> {{.Title}}</a>
|
|
<a class="nav-logo back" href="/">BACK</a>
|
|
{{else}}
|
|
<a class="nav-logo" href="/#">samantha_vero_friis</a>
|
|
{{end}}
|
|
</nav>
|
|
|
|
<div class="shell">
|
|
<aside>
|
|
<div class="row">
|
|
<svg id="night" class="icon" onclick="makenight()" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg>
|
|
<svg id="day" class="icon hidden" onclick="makeday()" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<p class="sidebar-label">pages</p>
|
|
<div class="sidebar-links">
|
|
{{if .Sub}}
|
|
<a href="/">HOME</a>
|
|
{{end}}
|
|
<a href="/research">Research</a>
|
|
<a href="/bookkeeping">Bookkeeping</a>
|
|
<a href="/personal">Personal</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
{{template "nav" .}}
|
|
<div style="flex: 1;"></div>
|
|
</aside>
|
|
<main>
|
|
{{template "body" .}}
|
|
</main>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-contact">
|
|
<a href="mailto:me@samantha42.xyz">me@samantha42.xyz</a> <a href="https://git.samantha42.xyz/samantha/personal-site">Source</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> |