mirror of
https://github.com/hunvreus/basecoat.git
synced 2026-11-13 13:48:28 +00:00
96 lines
3.9 KiB
Plaintext
96 lines
3.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
{#- Dark mode -#}
|
|
<script>
|
|
(function() {
|
|
try {
|
|
const storedMode = localStorage.getItem('darkMode');
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
if (storedMode === 'dark' || (storedMode === null && prefersDark)) document.documentElement.classList.add('dark');
|
|
} catch (e) {
|
|
console.error('Could not apply dark mode from localStorage', e);
|
|
}
|
|
})();
|
|
</script>
|
|
<script src="/assets/js/dark-mode.js" defer></script>
|
|
{#- Theme variant -#}
|
|
<script>
|
|
(function() {
|
|
try {
|
|
const storedTheme = localStorage.getItem('themeVariant');
|
|
if (storedTheme) document.documentElement.classList.add(`theme-${storedTheme}`);
|
|
} catch (e) {
|
|
console.error('Could not apply theme variant from localStorage', e);
|
|
}
|
|
})();
|
|
</script>
|
|
{#- Meta -#}
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Language" content="en">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{#- Title & Description -#}
|
|
{% set meta_title = title ~ ' | ' ~ site.title if title else site.title %}
|
|
{% set meta_description = description or site.description %}
|
|
<title>{{ meta_title }}</title>
|
|
<meta name="description" content="{{ meta_description }}"/>
|
|
<meta name="title" content="{{ meta_title }}">
|
|
{% if site.keywords %}<meta name="keywords" content="{{ site.keywords | join(',') }}" />{% endif %}
|
|
{#- Favicon -#}
|
|
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
|
|
{#- Open Graph / Facebook -#}
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
|
|
<meta property="og:title" content="{{ meta_title }}">
|
|
<meta property="og:description" content="{{ meta_description }}">
|
|
<meta property="og:image" content="{{ site.url }}/assets/social-screenshot.png">
|
|
<meta property="og:site_name" content="{{ site.title }}">
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:author" content="{{ site.author.name }}">
|
|
{#- X/Twitter -#}
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}">
|
|
<meta name="twitter:title" content="{{ title if title else site.title }}">
|
|
<meta name="twitter:description" content="{{ meta_description }}">
|
|
<meta name="twitter:image" content="{{ site.url }}/assets/social-screenshot.png">
|
|
<meta name="twitter:creator" content="{{ site.author.x }}">
|
|
{#- CSS -#}
|
|
<link rel="stylesheet" href="/assets/styles.css">
|
|
{#- JS -#}
|
|
<script src="/assets/js/dropdown-menu.js" defer></script>
|
|
<script src="/assets/js/select.js" defer></script>
|
|
<script src="/assets/js/sidebar.js" defer></script>
|
|
<script src="/assets/js/tabs.js" defer></script>
|
|
<script src="/assets/js/toast.js" defer></script>
|
|
{#- Alpine.js -#}
|
|
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
|
|
{#- HTMX -#}
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
{#- Highlight.js -#}
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/django.min.js"></script>
|
|
<script>
|
|
const applyHighlighting = () => { if (window.hljs) {
|
|
hljs.highlightAll();
|
|
document.querySelectorAll('code.highlight').forEach((block) => {
|
|
hljs.highlightElement(block);
|
|
});
|
|
}};
|
|
|
|
if (!window._hljsInitialized) {
|
|
window._hljsInitialized = true;
|
|
document.addEventListener('DOMContentLoaded', applyHighlighting);
|
|
document.addEventListener('htmx:afterSwap', applyHighlighting);
|
|
}
|
|
</script>
|
|
|
|
{% if head %}{{ head | safe }}{% endif %}
|
|
</head>
|
|
<body>
|
|
{{ content | safe }}
|
|
|
|
{% from "toast.njk" import toaster %}
|
|
{{ toaster() }}
|
|
</body>
|
|
</html> |