static/script-bon.js

@@ -1,5 +1,6 @@
-// State of the animation
-let animationPaused = false;
+// Checks if the user enabled or not prefers-reduced-motion
+const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
 // Dictionary to keep track of animation intervals
 let animationIntervals = {};
 // Dictionary to keep track of delay count for each animation
@@ -29,8 +30,10 @@ function animate(id, delay) {
   frames[id] = framesList;
   delays[id] = delay;
 
-  // start the animation
-  animationIntervals[id] = setInterval(updateAnimation, delay, id, framesList, framesList.length);
+  // Start the animation if prefers-reduced-motion is not enabled
+  if (!prefersReducedMotion) {
+    animationIntervals[id] = setInterval(updateAnimation, delay, id, framesList, framesList.length);
+  }
 }
 
 function updateAnimation(id, framesList, totalFrames) {