jakubb-hugo/layouts/partials/nav.html
2024-02-11 15:21:08 -05:00

43 lines
1.2 KiB
HTML

<header class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<div class="menu" >
<a href="/{{ .Language.LanguageCode }}" class="logo" >{{ .Site.Title }}</a>
<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>
<div class="menu-entries">
{{ range.Site.Menus.main }}
{{ if eq .Identifier "home" }}
<a class="home-link" href="{{ .URL }}">{{ .Name }}</a>
{{ else }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
{{ end }}
<div class="lang-switch" >
<input class="lang-btn" type="checkbox" id="lang-btn" />
<label class="lang-switch" for="lang-btn">
<a>{{ .Language.LanguageName }} ⏷</a>
</label>
<div class="translation-list" >
{{ with .Translations }}
{{ range . }}
<a href="{{ .RelPermalink }}"> {{ .Language.LanguageName }}</a>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</header>