hugo-theme/layouts/partials/nav.html

31 lines
671 B
HTML
Raw Normal View History

2024-01-29 04:53:34 +00:00
<header class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<ul class="menu" >
<li>
<a href="/" class="logo" >{{ .Site.Title }}</a>
2024-02-02 11:31:53 +00:00
<label class="menu-icon" for="menu-btn">
<div class="hamburger" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<script>
function myFunction(x) {
x.classList.toggle("change");
}
</script>
2024-01-29 04:53:34 +00:00
</label>
2024-02-02 11:31:53 +00:00
2024-01-29 04:53:34 +00:00
<span class="menu-entries">
<a href="/" class="home-link" >Home</a>
{{ range.Site.Menus.main }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</span>
</li>
</ul>
</header>