69 lines
2.1 KiB
JavaScript
69 lines
2.1 KiB
JavaScript
// ---------------------------------------------
|
|
// Galerie-Zoom (einmal sauber, ohne Duplikate)
|
|
// ---------------------------------------------
|
|
document.querySelectorAll('.galerie img, .gallery img').forEach(img => {
|
|
img.addEventListener('click', () => {
|
|
const overlay = document.createElement('div');
|
|
overlay.style.cssText =
|
|
'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
|
|
'align-items:center;justify-content:center;cursor:pointer;z-index:999';
|
|
|
|
const big = document.createElement('img');
|
|
big.src = img.src;
|
|
big.style.maxWidth = '90vw';
|
|
big.style.maxHeight = '90vh';
|
|
big.style.borderRadius = '10px';
|
|
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});
|
|
|
|
console.log("Meine Seite läuft!");
|
|
|
|
|
|
// ---------------------------------------------
|
|
// Dark Mode Schalter
|
|
// ---------------------------------------------
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const toggle = document.getElementById("dark-mode-toggle");
|
|
|
|
// gespeicherten Zustand wiederherstellen
|
|
if (localStorage.getItem("darkMode") === "true") {
|
|
document.body.classList.add("dark");
|
|
toggle.textContent = "Light Mode";
|
|
}
|
|
|
|
// Klick-Event
|
|
toggle.addEventListener("click", () => {
|
|
document.body.classList.toggle("dark");
|
|
const isDark = document.body.classList.contains("dark");
|
|
localStorage.setItem("darkMode", isDark);
|
|
toggle.textContent = isDark ? "Light Mode" : "Dark Mode";
|
|
});
|
|
});
|
|
|
|
|
|
// ---------------------------------------------
|
|
// Roundtrip 1 + 2 — Begrüßung + Farbe nach Zeit
|
|
// ---------------------------------------------
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const stunde = new Date().getHours();
|
|
const el = document.getElementById("begruessung");
|
|
|
|
let text = "";
|
|
|
|
if (stunde < 10) {
|
|
text = "Guten Morgen!";
|
|
el.classList.add("morgen");
|
|
} else if (stunde < 18) {
|
|
text = "Hallo, schön dass du da bist!";
|
|
el.classList.add("tag");
|
|
} else {
|
|
text = "Guten Abend!";
|
|
el.classList.add("abend");
|
|
}
|
|
|
|
el.textContent = text;
|
|
});
|