add mod dyslexie

script/main.js

@@ -47,21 +47,20 @@ document.addEventListener("DOMContentLoaded", function () {
         }
     });
     const dyslexie = document.querySelector("#dyslexie");
-    const basique = document.querySelector("#basic");
+const basique = document.querySelector("#basic");
 
-    dyslexie.addEventListener("click", function () {
-        document.documentElement.style.setProperty("--txt-font", "OpenDyslexic");
-        document.getElementById("dyslexie").classList.remove("d-block");
-        document.getElementById("dyslexie").classList.add("d-none");
-        document.getElementById("basic").classList.remove("d-none");
-        document.getElementById("basic").classList.add("d-block");
-    });
+dyslexie.addEventListener("click", function (e) {
+    e.preventDefault();
+    document.body.classList.add("dyslexie-font");
+    dyslexie.classList.replace("d-block", "d-none");
+    basique.classList.replace("d-none", "d-block");
+});
+
+basique.addEventListener("click", function (e) {
+    e.preventDefault();
+    document.body.classList.remove("dyslexie-font");
+    basique.classList.replace("d-block", "d-none");
+    dyslexie.classList.replace("d-none", "d-block");
+});
 
-    basique.addEventListener("click", function () {
-        document.documentElement.style.setProperty("--txt-font", '"Helvetica", sans-serif');
-        document.getElementById("basic").classList.remove("d-block");
-        document.getElementById("basic").classList.add("d-none");
-        document.getElementById("dyslexie").classList.remove("d-none");
-        document.getElementById("dyslexie").classList.add("d-block");
-    });
 });

style/styles.css

@@ -149,6 +149,10 @@ body {
     line-height: 1.7rem;
 }
 
+.dyslexie-font {
+    font-family: "OpenDyslexic", Arial, sans-serif;
+}
+
 ul {
     padding: 0;
 }