feat: Ajout du menu mobile

layouts/index.html

@@ -1,18 +1,6 @@
 {{ define "all" }}
 
-  {{ $image := .Resources.GetMatch "*" }}
-  {{ $resized := $image.Fill "1400x600 Top"}}
-<div class="hero hero-lg hero-image" style="background-image:linear-gradient(to bottom, #003f89, rgba(216,216,216,0)),url({{ $resized.RelPermalink }})">
-  <div class="hero-body">
-    <div class="container grid-xl">
-      <div class="columns">
-        <div class="column col-7">
-          <h2>Bienvenue sur le nouveau site de Crémeaux</h2>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
+
 <div class="container grid-lg contenu {{ if .Params.Image }}contenu-image{{end}}">
   <h1>{{ .Title }}</h1>
   <div class="container grid-sm">

layouts/partials/header.html

@@ -1,23 +1,28 @@
+
 <header class="header">
   {{ $headless := .Site.GetPage "/" }}
   {{ $image := $headless.Resources.GetMatch "*" }}
   {{ $resized := $image.Fill "1400x600 Top"}}
   <img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
   <nav class="nav">
-    <ol>
-      <li class="logo">
+    <div class="container">
+      <div class="logo">
         <a href="/" class="">
           <img src="/icons/logo.jpg" alt="Blason de Crémeaux" />
         </a>
-      <li>
-      {{ range .Site.Menus.main }}
-      <li class="link">
-        <a href="{{ .URL }}" class="m-2 btn btn-primary {{ .Pre }}">
-          <img src="/icons/{{ .Identifier }}.jpg" alt="{{ .Name }}" />
-          <span>{{ .Name }}</span>
-        </a>
-      </li>
-      {{ end }}
-    </ol>
+      </div>
+      <button class="open-button">≡ Menu</button>
+      <ol id="menu">
+        {{ range .Site.Menus.main }}
+        <li>
+          <a href="{{ .URL }}">
+            <img src="/icons/{{ .Identifier }}.jpg" alt="{{ .Name }}" />
+            <span>{{ .Name }}</span>
+          </a>
+        </li>
+        {{ end }}
+      </ol>
+      <button class="close-button">✖ Fermer</button>
+    </div>
   </nav>
 </header>