diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 23 |
1 files changed, 14 insertions, 9 deletions
@@ -16,19 +16,27 @@ <div class="container"> <!-- nav site title --> <!-- Input for menu-mobile with checkbox--> - <input id="navbar-toggle-cbox" role="button" type="checkbox"> + <input id="navbar-toggle-cbox" type="checkbox"> <!-- End Input for menu-mobile with checkbox--> <div class="navbar-brand"> <a class="navbar-item"> <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> @@ -386,8 +394,5 @@ </div> </footer> <!-- end of footer --> - <!-- navbar-burger --> - <script src="dist/js/navbar-burger.js"></script> - <!-- end of navbar-burger --> </body> </html> |