better chapitres hover, js clean

web_main/themes/custom/mathallo/assets/js/main.js

@@ -59,19 +59,22 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
 
     function initPartieFrontBackCardSwitch() {
       let principes_pratique = document.getElementById('partie-principes-pratique');
-      let cards = principes_pratique.getElementsByClassName('field-card');
-      console.log('cards', cards);
-      for (const card of cards) {
-        card.addEventListener('mousemove', function (e) {
-          console.log(this, e);
-          for (const child of this.parentElement.children){
-            child.classList.add('back-card')
-            child.classList.remove('front-card');
-          }
-          this.classList.add('front-card')
-          this.classList.remove('back-card')
-        })
+      if (principes_pratique) {
+        let cards = principes_pratique.getElementsByClassName('field-card');
+        // console.log('cards', cards);
+        for (const card of cards) {
+          card.addEventListener('mousemove', function (e) {
+            // console.log(this, e);
+            for (const child of this.parentElement.children){
+              child.classList.add('back-card')
+              child.classList.remove('front-card');
+            }
+            this.classList.add('front-card')
+            this.classList.remove('back-card')
+          })
+        }
       }
+      
     }
 
     function initBgAnime(){

web_main/themes/custom/mathallo/assets/scss/partials/mixins.scss

@@ -10,12 +10,17 @@
     display: block;
     font-size: 0.756em;
     padding:0 0 0.25em 0;
+    transition: color 0.25s ease-out;
     &:has(+ a:hover){
       color: $rose;
     }
   }
   a{
     font-size: 1.13em;
+    transition: color 0.15s ease-out;
+    &:hover{
+      color: $bleu_site;
+    }
   }
   
 }