Merge pull request 'Ralentir les animations ASCII si on détecte que l'utilisateur'trice a demandé au système de minimiser la quantité d'animation ou de mouvement.' (#44 ) from feat/a11y into preprod

Reviewed-on: #44
Ralentir les animations ASCII si la media feature prefers-reduced-motion is activée
2024-06-10 09:43:37 +00:00 · 2024-06-10 11:30:14 +02:00
1 changed files with 47 additions and 44 deletions
--- a/static/script-bon.js
+++ b/static/script-bon.js
@ -38,7 +38,10 @@ function updateAnimation(id, frames, totalFrames) {

 }

-animate("illustration-accueil", 500);
-animate("rennes", 1000);
-animate("orsay", 2000);
+// If the user have a setting on their device to minimize the amount of non-essential motion
+const preferReduceMotion = window.matchMedia("(prefers-reduced-motion)").matches;
+
+animate("illustration-accueil", preferReduceMotion ? 1500 : 500); // Reduce framerate if use preference is to reduce motion
+animate("rennes", preferReduceMotion ? 3000 : 1000); // Reduce framerate if use preference is to reduce motion
+animate("orsay", preferReduceMotion ? 4000 : 2000); // Reduce framerate if use preference is to reduce motion
 animate("parterre", 1500);
Author	SHA1	Message	Date
Tixie	9ff1b20248	Merge pull request 'Ralentir les animations ASCII si on détecte que l'utilisateur'trice a demandé au système de minimiser la quantité d'animation ou de mouvement.' (#44 ) from feat/a11y into preprod All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: #44	2024-06-10 09:43:37 +00:00
Tixie	351931fdeb	Ralentir les animations ASCII si la media feature prefers-reduced-motion is activée All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details ci/woodpecker/pull_request_closed/woodpecker Pipeline was successful Details	2024-06-10 11:30:14 +02:00