hugo-theme/layouts/partials/nav.html
2024-02-09 01:04:22 -05:00

47 lines
1.1 KiB
HTML

<header class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<ul class="menu" >
<li>
<a href="/" class="logo" >{{ .Site.Title }}</a>
</li>
<li>
<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>
</label>
</li>
<li>
<ul class="menu-entries">
{{ range.Site.Menus.main }}
{{ if eq .Identifier "home" }}
<li><a class="home-link" href="{{ .URL }}">{{ .Name }}</a></li>
{{ else }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{end}}
<li class="lang-switcher">
<a href="">{{ }}
<ul >
{{ range .Translations }}
<li> <a href="{{ .Permalink }}">{{ .Lang }}: {{ .Title }}{{ if .IsPage }} ({{ i18n "wordCount" . }}){{ end }}</a> </li>
{{ end}}
</ul>
</li>
</ul>
</li>
</ul>
</header>