CodeDevMLH/Seasonals
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix init of seasonals

Browse Source
This commit is contained in:
MLH
2024-12-22 01:51:51 +01:00
parent 0071be6570
commit d5c697afdf
8 changed files with 55 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
seasonals/autumn.js
View File

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

16
seasonals/christmas.js
View File

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

10
seasonals/fireworks.js
View File

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

16
seasonals/halloween.js
View File

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

16
seasonals/hearts.js
View File

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

28
seasonals/snowfall.js
View File

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

16
seasonals/snowflakes.js
View File

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

7
seasonals/snowstorm.js
View File

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