jakubb-hugo/layouts/partials/nav.html

48 lines
1.5 KiB
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" />
2024-02-11 20:21:08 +00:00
<div class="menu" >
2024-02-17 02:26:00 +00:00
<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>
2024-02-02 11:31:53 +00:00
2024-02-11 20:21:08 +00:00
<div class="menu-entries">
2024-02-17 02:26:00 +00:00
{{- range.Site.Menus.main -}}
{{- if eq .Identifier "home" -}}
<a class="home-link" href="{{- .URL -}}">{{- .Name -}}</a>
{{- else -}}
<a href="{{- .URL -}}">{{- .Name -}}</a>
{{- end -}}
{{- end -}}
{{- if gt (len .Site.Languages) 1 -}}
{{- if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated -}}
{{- errorf "Error: %s is missing atleast 1 translation" .RelPermalink -}}
{{- end -}}
2024-02-11 20:21:08 +00:00
<div class="lang-switch" >
<input class="lang-btn" type="checkbox" id="lang-btn" />
<label class="lang-switch" for="lang-btn">
2024-02-17 02:44:20 +00:00
<a>{{ .Language.LanguageName }} ⏷</a>
2024-02-11 20:21:08 +00:00
</label>
<div class="translation-list" >
2024-02-17 02:26:00 +00:00
{{- with .Translations -}}
{{- range . -}}
<a href="{{- .RelPermalink -}}"> {{- .Language.LanguageName -}}</a>
{{- end -}}
{{- end -}}
2024-02-11 20:21:08 +00:00
</div>
</div>
2024-02-17 02:26:00 +00:00
{{- end -}}
2024-02-11 20:21:08 +00:00
</div>
</div>
</header>