fix(nav): no-js header menu

assets/sass/main.scss

@@ -16,6 +16,7 @@ $secondary: #f15a24;
 @import "./title.scss";
 @import "./landing.scss";
 @import "./footer.scss";
+@import "./nav.scss";
 
 .page-footer {
   border-top: 1px solid rgba(140, 130, 115, 0.15);

assets/sass/nav.scss

@@ -0,0 +1,11 @@
+/* bs3: mobile navbar without js custom
+* ------------------------------------
+* show the collapse when navbar toggle is checked */
+#navbar-toggle-cbox:checked ~ .collapse {
+    display: block;
+}
+
+/* the checkbox used only internally; don't display it */
+#navbar-toggle-cbox {
+    display:none
+}

content/signalements/_index.md

@@ -10,5 +10,4 @@ Sont référencés:
 - Barrières problématiques
 - Manque de stationnement adapté
 
-[Voir la carte en grand](https://umap.openstreetmap.fr/en/map/vmems-problemes-cyclables-gaillon-aubevoye_1100616
-)
+[Voir la carte en grand](https://umap.openstreetmap.fr/en/map/vmems-problemes-cyclables-gaillon-aubevoye_1100616)

layouts/partials/header.html

@@ -1,10 +1,21 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <div class="container">
         <a class="navbar-brand" href="/">VMEMS</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <input type="checkbox" id="navbar-toggle-cbox">
+        <div class="navbar-header">
+            <label
+                for="navbar-toggle-cbox"
+                class="navbar-toggler collapsed"
+                data-toggle="collapse"
+                data-target="#navbar"
+                aria-expanded="false"
+                aria-controls="navbar"
+            >
+                <span class="visually-hidden-focusable">Ouvrir le menu</span>
+                <span class="navbar-toggler-icon"></span>
+            </label>
+        </div>
+        <div id="navbar" class="collapse navbar-collapse">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                 <li class="nav-item">
                     <a class="nav-link" href="/projets">Projets cyclables</a>