First commit

app/Views/partials/site_navigation.html

@@ -0,0 +1,44 @@
+<input class="nav-toggle" type="checkbox" id="nav-toggle" aria-hidden="true">
+
+<header class="site-header">
+  <div class="container site-header__inner">
+    <label class="nav-toggle-button" for="nav-toggle">
+      <span class="sr-only">Ouvrir le menu</span>
+      <span class="nav-toggle-button__line"></span>
+      <span class="nav-toggle-button__line"></span>
+      <span class="nav-toggle-button__line"></span>
+    </label>
+
+    <div class="site-brand site-brand--header">
+      <include href="partials/site_brand.html" />
+    </div>
+
+    <nav class="nav nav--desktop" aria-label="Navigation principale">
+      <include href="partials/nav_items.html" />
+    </nav>
+
+    <span class="site-header__spacer" aria-hidden="true"></span>
+  </div>
+</header>
+
+<div class="mobile-menu">
+  <label class="mobile-menu__backdrop" for="nav-toggle" aria-hidden="true"></label>
+
+  <div class="mobile-menu__panel">
+    <header class="mobile-menu__header">
+      <div class="site-brand site-brand--menu">
+        <include href="partials/site_brand.html" />
+      </div>
+
+      <label class="mobile-menu__close" for="nav-toggle">
+        <span class="sr-only">Fermer le menu</span>
+        <span class="mobile-menu__close-line"></span>
+        <span class="mobile-menu__close-line"></span>
+      </label>
+    </header>
+
+    <nav class="mobile-menu__nav" aria-label="Navigation principale mobile">
+      <include href="partials/nav_items.html" />
+    </nav>
+  </div>
+</div>