68 lines
2.0 KiB
HTML
68 lines
2.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>
|
|
<a class="nav-logo" href="/#">samantha_vero_friis</a>
|
|
{{if .Sub}}
|
|
<a class="nav-logo sub">{{.Title}}</a>
|
|
<a class="nav-logo back" href="/">BACK</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>
|
|
{{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/site"> 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> |