From f3856ab264d8d1b0c56c06c4c9880de872a0f8d8 Mon Sep 17 00:00:00 2001
From: Bilelz <bilelz@gmail.com>
Date: Fri, 29 Mar 2024 14:41:31 +0100
Subject: [PATCH] lighthouse

fix : Does not use passive listeners to improve scrolling performance
---
 js/main.js | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/js/main.js b/js/main.js
index e0b7c7e..dd03462 100644
--- a/js/main.js
+++ b/js/main.js
@@ -372,13 +372,17 @@ function timerGoToFront() {
 }
 
 // CSP grrrrrrrr : https://content-security-policy.com/unsafe-hashes/
-document.getElementById("webdev").addEventListener("scroll", (event) => {
-  if (event.target.scrollY > 12 || event.target.scrollTop > 12) {
-    document.body.classList.add("scrolled");
-  } else {
-    document.body.classList.remove("scrolled");
-  }
-});
+document.getElementById("webdev").addEventListener(
+  "scroll",
+  (event) => {
+    if (event.target.scrollY > 12 || event.target.scrollTop > 12) {
+      document.body.classList.add("scrolled");
+    } else {
+      document.body.classList.remove("scrolled");
+    }
+  },
+  { passive: true }
+);
 document.getElementById("playAnim").addEventListener("click", () => {
   playAnim();
 });
@@ -554,7 +558,7 @@ for (let gestureZone of gestureZones) {
       //   document.querySelector(".cube").style.transform = `translateZ(-50vw) rotateY(${rotatestartY}deg)`;
       // }
     },
-    false
+    { passive: true }
   );
 
   gestureZone.addEventListener(
@@ -567,7 +571,7 @@ for (let gestureZone of gestureZones) {
       touchendY = event.changedTouches[0].screenY;
       handleGesture(gestureZone);
     },
-    false
+    { passive: true }
   );
 }
 
@@ -611,7 +615,7 @@ for (let nog of nogestureZones) {
       event.stopImmediatePropagation();
       event.stopPropagation();
     },
-    false
+    { passive: true }
   );
   nog.addEventListener(
     "touchend",
@@ -619,7 +623,7 @@ for (let nog of nogestureZones) {
       event.stopImmediatePropagation();
       event.stopPropagation();
     },
-    false
+    { passive: true }
   );
 }