41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} · {{ .Site.Title }}{{ end }}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap" rel="stylesheet">
|
|
<script>
|
|
window.tailwind = { config: { darkMode: 'class', theme: { extend: { fontFamily: { sans: ['Rubik','ui-sans-serif','system-ui','-apple-system','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans'] } } } } };
|
|
(function() {
|
|
var root = document.documentElement;
|
|
try {
|
|
var stored = localStorage.getItem('theme');
|
|
var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
var initial = stored || (prefersDark ? 'mocha' : 'latte');
|
|
root.setAttribute('data-theme', initial);
|
|
if (initial === 'mocha') root.classList.add('dark'); else root.classList.remove('dark');
|
|
} catch (e) {
|
|
root.setAttribute('data-theme', 'mocha');
|
|
root.classList.add('dark');
|
|
}
|
|
})();
|
|
</script>
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
<script defer src="/theme.js"></script>
|
|
</head>
|
|
<body class="{{ if .IsHome }}is-home {{ end }}font-sans">
|
|
{{ partial "header.html" . }}
|
|
<main class="container main-container max-w-prose mx-auto px-4 py-8 md:py-12">
|
|
{{ block "main" . }}{{ end }}
|
|
</main>
|
|
<footer class="site-footer">
|
|
<div class="container max-w-prose mx-auto px-4 py-4 text-sm text-ctp-subtext0">
|
|
<small>© {{ now.Year }} {{ .Site.Title }} | Powered by <a class="underline" href="https://gohugo.io">Hugo</a></small>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|