added configs

seasonals copy.js

@@ -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.`);
-    }
-});

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 month = date.getMonth();  // 0-11
-    const day = date.getDate();
+    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