80 lines
2.8 KiB
JavaScript
80 lines
2.8 KiB
JavaScript
document.querySelectorAll('.galerie 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!");
|
|
document.querySelectorAll('.galerie 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';
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});
|
|
// 🌙 Dark Mode Schalter
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const toggle = document.getElementById("dark-mode-toggle");
|
|
|
|
// Beim Laden: gespeicherten Zustand wiederherstellen
|
|
if (localStorage.getItem("darkMode") === "true") {
|
|
document.body.classList.add("dark");
|
|
toggle.textContent = "Light Mode";
|
|
}
|
|
|
|
// Beim Klick: Zustand umschalten und speichern
|
|
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";
|
|
});
|
|
});
|
|
|
|
document.querySelectorAll('.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';
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});
|
|
// Begruessung nach Tageszeit
|
|
const stunde = new Date().getHours();
|
|
let text;
|
|
|
|
if (stunde < 10) {
|
|
text = "Guten Morgen!";
|
|
} else if (stunde < 18) {
|
|
text = "Hallo, schön dass du da bist!";
|
|
} else {
|
|
text = "Guten Abend!";
|
|
}
|
|
|
|
document.getElementById("begruessung").textContent = text;
|