From ed407f9f820862c49ae2def9922cac9cccb713f4 Mon Sep 17 00:00:00 2001 From: annika koenig Date: Wed, 3 Jun 2026 17:00:46 +0200 Subject: [PATCH] dark --- eis_projekt.html | 30 ++---------------------------- impressum.html | 30 ++---------------------------- index.html | 31 +++---------------------------- js/script.js | 15 --------------- kontakt.html | 29 +++-------------------------- script.js | 20 ++++++++++++++++++++ style.css | 29 +++++++++++++++++++++++++++++ ueber_uns.html | 1 + 8 files changed, 60 insertions(+), 125 deletions(-) delete mode 100644 js/script.js create mode 100644 script.js diff --git a/eis_projekt.html b/eis_projekt.html index 93e72ca..d5fd461 100644 --- a/eis_projekt.html +++ b/eis_projekt.html @@ -9,23 +9,7 @@ -
@@ -188,4 +161,5 @@ style=" + \ No newline at end of file diff --git a/impressum.html b/impressum.html index f1dd572..390bc9b 100644 --- a/impressum.html +++ b/impressum.html @@ -10,23 +10,7 @@ -
@@ -121,4 +94,5 @@ style=" + \ No newline at end of file diff --git a/index.html b/index.html index 170af90..33fe9e9 100644 --- a/index.html +++ b/index.html @@ -7,23 +7,7 @@ - @@ -36,18 +20,8 @@ window.onload = function () { Kontakt Impressum - + +
@@ -135,4 +109,5 @@ style=" + \ No newline at end of file diff --git a/js/script.js b/js/script.js deleted file mode 100644 index e208b07..0000000 --- a/js/script.js +++ /dev/null @@ -1,15 +0,0 @@ -document.querySelector("form")?.addEventListener("submit", function(e) { - e.preventDefault(); - alert("Nachricht gesendet 💖"); -}); - -/* Folder structure (create manually) - -/img - pic1.jpg - pic2.jpg - -/assets - projektinfo.pdf - - diff --git a/kontakt.html b/kontakt.html index 1fa2184..049e65a 100644 --- a/kontakt.html +++ b/kontakt.html @@ -9,23 +9,7 @@ - @@ -138,4 +114,5 @@ style=" + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..433f1d0 --- /dev/null +++ b/script.js @@ -0,0 +1,20 @@ +document.querySelector("form")?.addEventListener("submit", function (e) { + e.preventDefault(); + alert("Nachricht gesendet 💖"); +}); + +function toggleDarkMode() { + document.body.classList.toggle("dark"); + + if (document.body.classList.contains("dark")) { + localStorage.setItem("theme", "dark"); + } else { + localStorage.setItem("theme", "light"); + } +} + +window.addEventListener("load", () => { + if (localStorage.getItem("theme") === "dark") { + document.body.classList.add("dark"); + } +}); \ No newline at end of file diff --git a/style.css b/style.css index 33193c6..86ba420 100644 --- a/style.css +++ b/style.css @@ -479,6 +479,35 @@ body.dark .img-badge { color: var(--text); } +body.dark footer { + background: #0d0a10; +} + +body.dark { + --cream: #120d14; + --text: #f5e9f2; + --muted: #c7b2c9; + + background: var(--cream); + color: var(--text); +} + +body.dark nav { + background: rgba(18, 13, 20, 0.85); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +body.dark .stat-card, +body.dark .gallery-card { + background: #1b141d; + border-color: rgba(255, 255, 255, 0.08); +} + +body.dark .img-badge { + background: #1b141d; + color: var(--text); +} + body.dark footer { background: #0d0a10; } diff --git a/ueber_uns.html b/ueber_uns.html index 30a9efc..917c648 100644 --- a/ueber_uns.html +++ b/ueber_uns.html @@ -143,4 +143,5 @@ style=" + \ No newline at end of file