diff --git a/adventskalender/2025/js/background.js b/adventskalender/2025/js/background.js index e81a846..2b979f7 100644 --- a/adventskalender/2025/js/background.js +++ b/adventskalender/2025/js/background.js @@ -19,14 +19,15 @@ const sim = getSimulatedDay(); if (DEV_MODE && sim) dayToShow = sim; - const padded = (dayToShow >= 1 && dayToShow <= 24) ? String(dayToShow).padStart(2, "0") : "Basisbild"; + const padded = (dayToShow >= 1 && dayToShow <= 24) + ? String(dayToShow).padStart(2, "0") + : "Basisbild"; + const filename = padded; - const basePath = `/${YEAR}/assets/images/`; // <=== hier angepasst! + const basePath = `/${YEAR}/assets/images/`; - // === Favicon setzen (.webp) === - setFavicon(`${basePath}1920/webp/${filename}.webp`); - - function setFavicon(path) {s + // === Favicon-Logik === + function setFavicon(path) { let link = document.querySelector('link[rel="icon"]'); if (!link) { link = document.createElement("link"); @@ -37,6 +38,11 @@ link.href = path; } + // === Setze Favicon direkt === + const faviconPath = `${basePath}1920/webp/${filename}.webp`; + setFavicon(faviconPath); + + // === Hintergrundbilder === window.addEventListener("DOMContentLoaded", () => { const picture = document.querySelector(".kalenderbild picture"); const img = picture?.querySelector("img"); @@ -58,7 +64,7 @@ source.setAttribute("srcset", newSrcset); }); - // === (JPEG-Fallback) responsiv setzen === + // === (JPEG-Fallback) === const jpegSrcset = breakpoints .map(bp => `${basePath}${bp}/jpeg/${filename}.jpg ${bp}w`) .join(", "); @@ -68,7 +74,6 @@ img.setAttribute("sizes", "100vw"); console.log(`[Bratonien] Kalenderbild gesetzt für Tag ${filename}`); - setFavicon(`${basePath}1920/webp/${filename}.webp`); - console.log(`[Bratonien] Favicon gesetzt für Tag ${filename}`); + console.log(`[Bratonien] Favicon gesetzt: ${faviconPath}`); }); })(); \ No newline at end of file