From 9d9476d0fc4c8823dcd4c0d62cf812505abaa730 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <malte@my-homeyer.de>
Date: Mon, 13 Jan 2025 23:52:36 +0100
Subject: [PATCH] on mobile less snowflakes

---
 seasonals/snowfall.js                                    | 8 +++++++-
 seperate single seasonals/Seasonals-Snowfall/snowfall.js | 5 +++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/seasonals/snowfall.js b/seasonals/snowfall.js
index 0171e83..4d84c85 100644
--- a/seasonals/snowfall.js
+++ b/seasonals/snowfall.js
@@ -1,5 +1,6 @@
 const snowfall = true; // enable/disable snowfall
 const snowflakesCount = 500; // count of snowflakes (recommended values: 300-600)
+const snowflakesCountMobile = 300; // count of snowflakes on mobile devices
 const snowFallSpeed = 3; // speed of snowfall	(recommended values: 0-5)
 
 let msgPrinted = false; // flag to prevent multiple console messages
@@ -118,12 +119,17 @@ function animateSnowfall() {
 
 // initialize snowfall
 function initializeSnowfall() {
-  if (!snowfall){
+  if (!snowfall) {
     console.warn('Snowfall is disabled.');
     return; // exit if snowfall is disabled
   }
   const container = document.querySelector('.snowfall-container');
   if (container) {
+    const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+    if (screenWidth < 768) { // lower count of snowflakes on mobile devices
+      snowflakesCount = snowflakesCountMobile;
+    }
+
     console.log('Snowfall enabled.');
     initializeCanvas();
     snowflakes = createSnowflakes(container);
diff --git a/seperate single seasonals/Seasonals-Snowfall/snowfall.js b/seperate single seasonals/Seasonals-Snowfall/snowfall.js
index 7421c71..0fd4640 100644
--- a/seperate single seasonals/Seasonals-Snowfall/snowfall.js	
+++ b/seperate single seasonals/Seasonals-Snowfall/snowfall.js	
@@ -124,6 +124,11 @@ document.addEventListener('DOMContentLoaded', () => {
   }
   const container = document.querySelector('.snowfall-container');
   if (container) {
+    const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+    if (screenWidth < 768) { // lower count of snowflakes on mobile devices
+      snowflakesCount = snowflakesCountMobile;
+    }
+
     console.log('Snowfall enabled.');
     initializeCanvas();
     snowflakes = createSnowflakes(container);