draigercms/pages
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upload files to "categories"

Browse source
This commit is contained in:
Drai TiXian 2025-09-09 19:50:31 +02:00
commit 238f64dee4
1 changed files with 87 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

87
categories/index.html Normal file
View file

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site with Zola Hook">
<title>DraigerCMS | Categories</title>
<link rel="stylesheet" href="/style.css?h=c59bf21e289e8d31d2b7">
<link rel="alternate" type="application/atom+xml" title="DraigerCMS - Atom Feed" href="/atom.xml">
</head>
<body>
<header class="space">
<a href="&#x2F;">&LeftArrow; Home</a>
</header>
<main>
<h1>Categories</h1>
<div>
<ul>
<li>
<a href="&#x2F;categories&#x2F;intro&#x2F;">intro</a>
<span class="secondary small">(2 pages)</span>
</li>
</ul>
</div>
</main>
<div class="dark-mode-buttons">
<button class="dark-mode-button" id="dark-mode-on"><img src="/dark_mode.svg" width="24" height="24" alt="Dark mode" aria-label="dark mode toggle" title="Dark mode"></button>
<button class="dark-mode-button" id="dark-mode-off"><img src="/light_mode.svg" width="24" height="24" alt="Light mode" aria-label="light mode toggle" title="Light mode"></button>
</div>
<script>
const cls = document.querySelector("html").classList;
const sessionTheme = sessionStorage.getItem("theme");
function setDark() {
cls.add("dark-mode");
cls.remove("light-mode");
sessionStorage.setItem("theme", "dark");
}
function setLight() {
cls.add("light-mode");
cls.remove("dark-mode");
sessionStorage.setItem("theme", "light");
}
if (sessionTheme === "dark") {
setDark();
} else if (sessionTheme === "light") {
setLight();
} else if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
setDark();
}
document.getElementById("dark-mode-on").addEventListener("click", function(e) {
setDark();
});
document.getElementById("dark-mode-off").addEventListener("click", function(e) {
setLight();
});
</script>
<noscript>
<style>
.dark-mode-buttons {
display: none;
}
</style>
</noscript>
</body>
</html>