diff options
Diffstat (limited to 'layouts/partials/nav.html')
-rw-r--r-- | layouts/partials/nav.html | 49 |
1 files changed, 14 insertions, 35 deletions
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html index 350ce32..f2a8626 100644 --- a/layouts/partials/nav.html +++ b/layouts/partials/nav.html @@ -1,16 +1,16 @@ <nav class="navbar is-primary"> - <div class="navbar-brand"> - <a class="navbar-item {{if eq .Kind "home"}}fake-text{{end}}" href="/"> - {{.Site.Title}} - </a> - <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> - <span aria-hidden="true"></span> - <span aria-hidden="true"></span> - <span aria-hidden="true"></span> - </a> - </div> - <!-- <div class="container"> --> - <div class="navbar-menu" id="navMenu"> + <div class="container"> + <div class="navbar-brand"> + <a class="navbar-item {{if eq .Kind "home"}}fake-text{{end}}" href="/"> + {{.Site.Title}} + </a> + <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + <div class="navbar-menu" id="navMenu"> <div class="navbar-end"> {{ range .Site.Menus.main.ByWeight -}} {{ .Pre }} @@ -19,26 +19,5 @@ {{- end }} </div> </div> - <!-- </div> --> -</nav> -<script type="text/javascript"> - // bulma's navbar-burger toggle button - document.addEventListener('DOMContentLoaded', () => { - // Get all "navbar-burger" elements - const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); - // Check if there are any navbar burgers - if ($navbarBurgers.length > 0) { - // Add a click event on each of them - $navbarBurgers.forEach(el => { - el.addEventListener('click', () => { - // Get the target from the "data-target" attribute - const target = el.dataset.target; - const $target = document.getElementById(target); - // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" - el.classList.toggle('is-active'); - $target.classList.toggle('is-active'); - }); - }); - } - }); -</script> + </div> +</nav>
\ No newline at end of file |