architecture de contenu + theming in parrallele

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

@@ -42,10 +42,20 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
     // |___|_||_|_|\__|
     function init () {
       console.log('MathalloTheme init()')
+      initBurgerMenu();
       initBgAnime()
       initVues()
     }
 
+    function initBurgerMenu() {
+      let header_right = document.getElementById('burger-btn');
+      header_right.parentElement.addEventListener('click', function(e){
+        // console.log('click header_right', this);
+        this.firstElementChild.toggleAttribute('opened');
+        this.firstElementChild.nextElementSibling.toggleAttribute('opened');
+      })
+    }
+
     function initBgAnime(){
       // gsap.to('body', {
       //   scrollTrigger: 'main[role="main"]', // start animation when ".box" enters the viewport