libretech
351e3dfc23
per user-request einen branch der main-content UND rewrite-content trägt — saubere separierung statt symlink/merge-conflict. struktur: - slides/<course>/ → main-content restored, eigene assets (kein new-demo-leak) - slides/<course>-2026/ → rewrite-content, eigene assets (komplett kopiert + new demos) Makefile: COURSES += 223015b-2026 223015c-2026 dhbw-2026 mit eigenen NAME/KAPITEL/DEPLOY/KLAUSUR-konfig. Klausur für b+c=1, dhbw=leer. Deploy-paths /hdm/223015b-2026 etc. make build durchlaufen für alle 6 decks, 0 fehler. dedup: 223015c+dhbw assets identisch in beiden ordnern (kein neu-demos auf b ergänzt). 223015b 86 → 120 files in -2026 (= +34 neue eroeffner/usb-c-drei-achsen/container-vs-codec/etc).
50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dark Mode Toggle</title>
|
|
<style>
|
|
body {
|
|
font-family: system-ui, sans-serif;
|
|
padding: 1.5rem;
|
|
transition: background .2s, color .2s;
|
|
}
|
|
button {
|
|
font: inherit;
|
|
padding: 8px 16px;
|
|
border: 1px solid #9ca3af;
|
|
border-radius: 6px;
|
|
background: #f3f4f6;
|
|
cursor: pointer;
|
|
}
|
|
.dark-mode {
|
|
background: #1a1a1a;
|
|
color: #eee;
|
|
}
|
|
.dark-mode button {
|
|
background: #2a2a2a;
|
|
color: #eee;
|
|
border-color: #555;
|
|
}
|
|
h2 { margin-top: 0; }
|
|
</style>
|
|
</head>
|
|
<body class="dark-mode">
|
|
<h2>Hallo Welt!</h2>
|
|
<p>Diese Seite wechselt zwischen hellem und dunklem Modus.</p>
|
|
<button id="darkModeToggle">☀️ Light Mode</button>
|
|
<script>
|
|
const toggleButton = document.querySelector("#darkModeToggle");
|
|
const body = document.body;
|
|
toggleButton.addEventListener("click", () => {
|
|
body.classList.toggle("dark-mode");
|
|
if (body.classList.contains("dark-mode")) {
|
|
toggleButton.textContent = "☀️ Light Mode";
|
|
} else {
|
|
toggleButton.textContent = "🌙 Dark Mode";
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|