fix init of seasonals

seasonals/autumn.js

@@ -136,13 +136,11 @@ function initLeaves() {
 }
 
 // initialize leaves and add random leaves after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!leaves) return; // exit if leaves are disabled
-  initLeaves();
-  toggleAutumn();
+if (!leaves) return; // exit if leaves are disabled
+initLeaves();
+toggleAutumn();
 
-  const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
-  if (randomLeaves && (screenWidth > 768 || randomLeavesMobile)) { // add random leaves only on larger screens, unless enabled for mobile devices
-    addRandomLeaves(leafCount);
-  }
-});
+const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+if (randomLeaves && (screenWidth > 768 || randomLeavesMobile)) { // add random leaves only on larger screens, unless enabled for mobile devices
+  addRandomLeaves(leafCount);
+}

seasonals/christmas.js

@@ -110,13 +110,11 @@ function initChristmas() {
 }
 
 // initialize christmas and add random christmas symbols after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!christmas) return; // exit if christmas is disabled
-  initChristmas();
-  toggleChristmas();
+if (!christmas) return; // exit if christmas is disabled
+initChristmas();
+toggleChristmas();
 
-  const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
-  if (randomChristmas && (screenWidth > 768 || randomChristmasMobile)) { // add random christmas only on larger screens, unless enabled for mobile devices
-    addRandomChristmas(christmasCount);
-  }
-});
+const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+if (randomChristmas && (screenWidth > 768 || randomChristmasMobile)) { // add random christmas only on larger screens, unless enabled for mobile devices
+  addRandomChristmas(christmasCount);
+}

seasonals/fireworks.js

@@ -114,7 +114,7 @@ function launchFirework() {
     fireworkContainer.className = "fireworks";
     fireworkContainer.setAttribute("aria-hidden", "true");
     document.body.appendChild(fireworkContainer);
-  }  
+  }
 
   // Random horizontal position
   const x = Math.random() * window.innerWidth; // Any value across the entire width
@@ -152,8 +152,6 @@ function startFireworks() {
 }
 
 // Initialize fireworks and add random fireworks after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!fireworks) return; // exit if fireworks are disabled
-  startFireworks();
-  toggleFirework();
-});
+if (!fireworks) return; // exit if fireworks are disabled
+startFireworks();
+toggleFirework();

seasonals/halloween.js

@@ -123,13 +123,11 @@ function createHalloween() {
 }
 
 // initialize halloween after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!halloween) return; // exit if halloween is disabled
-  createHalloween();
-  toggleHalloween();
+if (!halloween) return; // exit if halloween is disabled
+createHalloween();
+toggleHalloween();
 
-  const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
-  if (randomSymbols && (screenWidth > 768 || randomSymbolsMobile)) { // add random halloweens only on larger screens, unless enabled for mobile devices
-    addRandomSymbols(halloweenCount);
-  }
-});
+const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+if (randomSymbols && (screenWidth > 768 || randomSymbolsMobile)) { // add random halloweens only on larger screens, unless enabled for mobile devices
+  addRandomSymbols(halloweenCount);
+}

seasonals/hearts.js

@@ -112,13 +112,11 @@ function createHearts() {
 
 
 // initialize hearts after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!hearts) return; // exit if hearts is disabled
-  createHearts();
-  toggleHearts();
+if (!hearts) return; // exit if hearts is disabled
+createHearts();
+toggleHearts();
 
-  const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
-  if (randomSymbols && (screenWidth > 768 || randomSymbolsMobile)) { // add random heartss only on larger screens, unless enabled for mobile devices
-    addRandomSymbols(heartsCount);
-  }
-});
+const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+if (randomSymbols && (screenWidth > 768 || randomSymbolsMobile)) { // add random heartss only on larger screens, unless enabled for mobile devices
+  addRandomSymbols(heartsCount);
+}

seasonals/snowfall.js

@@ -80,27 +80,25 @@ function animateSnowflake(snowflake) {
   const sidewaysMovement = Math.random() * 2 - 1;
 
   function fall() {
-      const currentTop = parseFloat(snowflake.style.top || 0);
-      const currentLeft = parseFloat(snowflake.style.left || 0);
+    const currentTop = parseFloat(snowflake.style.top || 0);
+    const currentLeft = parseFloat(snowflake.style.left || 0);
 
-      // fall and sideways movement
-      snowflake.style.top = `${currentTop + speed}px`;
-      snowflake.style.left = `${currentLeft + sidewaysMovement}px`;
+    // fall and sideways movement
+    snowflake.style.top = `${currentTop + speed}px`;
+    snowflake.style.left = `${currentLeft + sidewaysMovement}px`;
 
-      // if snowflake is out of the window, reset its position
-      if (currentTop > window.innerHeight) {
-          snowflake.style.top = '0px';
-          snowflake.style.left = `${Math.random() * window.innerWidth}px`;
-      }
+    // if snowflake is out of the window, reset its position
+    if (currentTop > window.innerHeight) {
+      snowflake.style.top = '0px';
+      snowflake.style.left = `${Math.random() * window.innerWidth}px`;
+    }
 
-      requestAnimationFrame(fall);
+    requestAnimationFrame(fall);
   }
 
   fall();
 }
 
 // initialize snowfall after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!snowfall) return; // exit if snowfall is disabled
-  createSnowflakes();
-});
+if (!snowfall) return; // exit if snowfall is disabled
+createSnowflakes();

seasonals/snowflakes.js

@@ -118,13 +118,11 @@ function initSnowflakes() {
 }
 
 // initialize snowflakes and add random snowflakes after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!snowflakes) return; // exit if snowflakes are disabled
-  initSnowflakes();
-  toggleSnowflakes();
+if (!snowflakes) return; // exit if snowflakes are disabled
+initSnowflakes();
+toggleSnowflakes();
 
-  const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
-  if (randomSnowflakes && (screenWidth > 768 || randomSnowflakesMobile)) { // add random snowflakes only on larger screens, unless enabled for mobile devices
-    addRandomSnowflakes(snowflakeCount);
-  }
-});
+const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+if (randomSnowflakes && (screenWidth > 768 || randomSnowflakesMobile)) { // add random snowflakes only on larger screens, unless enabled for mobile devices
+  addRandomSnowflakes(snowflakeCount);
+}

seasonals/snowstorm.js

@@ -98,7 +98,6 @@ function animateSnowflake(snowflake) {
 }
 
 // initialize snowstorm after the DOM is loaded
-document.addEventListener('DOMContentLoaded', () => {
-  if (!snowstorm) return; // exit if snowstorm is disabled
-  createSnowstorm();
-});
+if (!snowstorm) return; // exit if snowstorm is disabled
+createSnowstorm();
+