🐛 Fixed event listeners to be passive

src/js/pride-animation.js

@@ -19,8 +19,8 @@ const titleAnimationEnd = () => {
     animation = ''
 }
 
-window.addEventListener('load', animate)
-window.addEventListener('focus', animate)
-title.addEventListener('mouseover', animate)
-title.addEventListener('touchstart', animate)
-title.addEventListener('animationend', titleAnimationEnd)
+window.addEventListener('load', animate, { passive: true })
+window.addEventListener('focus', animate, { passive: true })
+title.addEventListener('mouseover', animate, { passive: true })
+title.addEventListener('touchstart', animate, { passive: true })
+title.addEventListener('animationend', titleAnimationEnd, { passive: true })

src/js/see-more.js

@@ -29,6 +29,6 @@ const seeMoreHeightCheck = () => {
 seeMoreHeightCheck()
 document.querySelectorAll('.see-more').forEach((seeMore) => {
     const button = seeMore.querySelector(':scope > button')
-    button.addEventListener('click', () => seeMoreExpand(seeMore, true))
+    button.addEventListener('click', () => seeMoreExpand(seeMore, true), { passive: true })
 })
-window.addEventListener('resize', seeMoreHeightCheck)
+window.addEventListener('resize', seeMoreHeightCheck, { passive: true })