fix: Affichage du menu en JS vu qu'en CSS ça ne fonctionne pas sous iOS

layouts/partials/header.html

@@ -13,14 +13,14 @@
       sizes="(max-width: 600px) 500px, 1920px"
      />
   {{ end }}
-  <nav class="nav">
+  <nav class="nav" id="nav" data-open="false">
     <div class="container">
       <div class="logo">
         <a href="/" class="">
           <img src="/icons/logo-entete-200x70.svg" alt="Blason de Crémeaux" />
         </a>
       </div>
-      <button class="open-button">≡ Menu</button>
+      <button class="open-button" onClick="document.getElementById('nav').setAttribute('data-open', true)">≡ Menu</button>
       <ol id="menu">
         {{ range .Site.Menus.main }}
         <li class="menu{{ if .HasChildren }} withSubmenu{{ end }}">
@@ -39,7 +39,7 @@
         </li>
         {{ end }}
       </ol>
-      <button class="close-button">✖ Fermer</button>
+      <button class="close-button" onClick="document.getElementById('nav').setAttribute('data-open', false)">✖ Fermer</button>
     </div>
   </nav>
 </header>