From 1b6ce036521fd6932cc3e1cac284e203d1bda683 Mon Sep 17 00:00:00 2001 From: CodeDevMLH Date: Tue, 17 Dec 2024 00:24:41 +0100 Subject: [PATCH] added configs --- seasonals copy.js | 44 -------------------------------------------- seasonals.js | 14 ++++++++++++-- 2 files changed, 12 insertions(+), 46 deletions(-) delete mode 100644 seasonals copy.js diff --git a/seasonals copy.js b/seasonals copy.js deleted file mode 100644 index 009d896..0000000 --- a/seasonals copy.js +++ /dev/null @@ -1,44 +0,0 @@ -document.addEventListener('DOMContentLoaded', () => { - // Konfiguration: Hier das aktuelle Theme definieren - const currentTheme = 'snowflakes'; // Beispiele: 'snowflakes', 'autumn', 'summer' - - // Mapping der Themes zu den entsprechenden Dateien - const themes = { - snowflakes: { - css: 'snowflakes.css', - js: 'snowflakes.js', - }, - autumn: { - css: 'autumn.css', - js: 'autumn.js', - }, - summer: { - css: 'summer.css', - js: 'summer.js', - }, - }; - - // Dynamisch Klasse des "seasonals"-Divs ändern - const seasonalDiv = document.querySelector('.seasonals-container'); - if (seasonalDiv) { - seasonalDiv.className = currentTheme; // Setzt die Klasse auf z. B. "snowflakes" - } else { - console.error('Kein Element mit der Klasse "seasonals-container" gefunden.'); - } - - // Prüfen, ob das aktuelle Theme verfügbar ist - if (themes[currentTheme]) { - // Dynamisch CSS-Datei laden - const link = document.createElement('link'); - link.rel = 'stylesheet'; - link.href = themes[currentTheme].css; - document.head.appendChild(link); - - // Dynamisch JavaScript-Datei laden - const script = document.createElement('script'); - script.src = themes[currentTheme].js; - document.body.appendChild(script); - } else { - console.error(`Theme "${currentTheme}" nicht gefunden.`); - } -}); diff --git a/seasonals.js b/seasonals.js index 3a65c97..ffa54ea 100644 --- a/seasonals.js +++ b/seasonals.js @@ -29,6 +29,16 @@ const themeConfigs = { js: 'seasonals/halloween.js', containerClass: 'halloween' }, + hearts: { + css: 'seasonals/hearts.css', + js: 'seasonals/hearts.js', + containerClass: 'hearts' + }, + eastern: { + css: 'seasonals/eastern.css', + js: 'seasonals/eastern.js', + containerClass: 'eastern' + }, summer: { css: 'seasonals/summer.css', js: 'seasonals/summer.js', @@ -49,8 +59,8 @@ const themeConfigs = { // determine current theme based on the current month function determineCurrentTheme() { const date = new Date(); - const month = date.getMonth(); - const day = date.getDate(); + const month = date.getMonth(); // 0-11 + const day = date.getDate(); // 1-31 if (month === 11 || month === 0 || month === 1) return 'snowfall'; // december, january, february if (month === 9 && day === 31) return 'halloween'; // halloween