From 06bffad022383a3305bfd06915cd3b0a9528ce28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Sun, 5 Dec 2021 19:16:02 -0500
Subject: fully support navbar menu without javascript

---
 post2.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'post2.html')

diff --git a/post2.html b/post2.html
index ed72505..86ab29d 100644
--- a/post2.html
+++ b/post2.html
@@ -27,10 +27,19 @@
                             <h3 class="title is-3" style="color: white;">CL</h3>
                         </a>
                         <!-- this "navbar-burger" hamburger menu is only visible on mobile -->
-                        <label class="navbar-burger" for="navbar-toggle-cbox" data-target="navMenu">
-                            <span></span>
-                            <span></span>
-                            <span></span>
+                        <label class="nav__toggle" for="navbar-toggle-cbox">
+                            <!-- Menu -->
+                            <svg class="menu" viewBox="0 0 448 512" width="100" title="bars">
+                                <path
+                                    d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
+                                />
+                            </svg>
+                            <!-- Close -->
+                            <svg class="close" viewBox="0 0 384 512" width="100" title="times">
+                                <path
+                                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                />
+                            </svg>
                         </label>
                         <!-- end of burger -->
                     </div>
@@ -398,8 +407,5 @@
             </div>
         </footer>
         <!-- end of footer -->
-        <!-- navbar-burger -->
-        <script src="dist/js/navbar-burger.js"></script>
-        <!-- end of navbar-burger -->
     </body>
 </html>
-- 
cgit v1.2.3