tw-runner
Version:
Run and manage Tower Website projects with this utility.
36 lines (29 loc) • 1.15 kB
HTML
<html
lang="{{ or site.Language.LanguageCode }}"
dir="{{ or site.Language.LanguageDirection `ltr` }}"
>
{{ partial "head.html" . }}
<body>
<div class="container mx-auto p-4">
{{ partial "components/header/index.html" . }}
<main class="min-h-[75svh]">{{ block "main" . }}{{ end }}</main>
{{ partial "components/footer/index.html" . }}
</div>
<script src="assets/js/bundle.js"></script>
{{ $nav := resources.Get "/js/nav.js" | resources.Minify | resources.Fingerprint }}
<script src="{{ $nav.RelPermalink }}" defer></script>
<script>
document.documentElement.classList.toggle(
"dark",
localStorage.theme === "dark" ||
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches),
);
const toggleButton = document.getElementById('dark-mode-toggle');
toggleButton.addEventListener('click', () => {
document.documentElement.classList.toggle('dark');
localStorage.theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
});
</script>
</body>
</html>