Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/wlh320/hugo-theme-hulga.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'layouts/partials/nav.html')
-rw-r--r--layouts/partials/nav.html49
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