40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="64x64"
|
|
href="/favicon-x64.png"
|
|
/>
|
|
|
|
<script>
|
|
const themes = ["system", "dark", "light"];
|
|
let theme = window.localStorage.getItem("gractwopl-theme");
|
|
if (!themes.includes(theme)) {
|
|
window.localStorage.setItem("gractwopl-theme", "system");
|
|
}
|
|
theme = window.localStorage.getItem("gractwopl-theme");
|
|
if (theme === "system") {
|
|
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
|
|
document.documentElement.classList.add("dark");
|
|
}
|
|
}
|
|
if (themes.includes(theme)) {
|
|
document.documentElement.classList.add(theme);
|
|
}
|
|
</script>
|
|
<link href="/styles.css" rel="stylesheet" />
|
|
<title>{% block title %}{{ title }}{% endblock %}</title>
|
|
{% block head %} {% endblock %}
|
|
</head>
|
|
<body
|
|
class="min-h-screen flex flex-col bg-white text-black dark:bg-neutral-900 dark:text-neutral-100"
|
|
>
|
|
{% block pagecontent %} {{ pagecontent }} {% endblock %}
|
|
</body>
|
|
</html>
|