better chapitres hover, js clean

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

@@ -59,11 +59,12 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
 
     function initPartieFrontBackCardSwitch() {
       let principes_pratique = document.getElementById('partie-principes-pratique');
+      if (principes_pratique) {
         let cards = principes_pratique.getElementsByClassName('field-card');
-      console.log('cards', cards);
+        // console.log('cards', cards);
         for (const card of cards) {
           card.addEventListener('mousemove', function (e) {
-          console.log(this, e);
+            // console.log(this, e);
             for (const child of this.parentElement.children){
               child.classList.add('back-card')
               child.classList.remove('front-card');
@@ -74,6 +75,8 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
         }
       }
       
+    }
+
     function initBgAnime(){
       // gsap.to('body', {
       //   scrollTrigger: 'main[role="main"]', // start animation when ".box" enters the viewport

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;
+    }
   }
   
 }