48 lines
1.5 KiB
HTML
48 lines
1.5 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 }}
|
|
{{ 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 }}
|
|
<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>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</header>
|