70 lines
2.3 KiB
HTML
70 lines
2.3 KiB
HTML
<div class="navbar" role="navigation">
|
|
<nav class="menu" aria-label="Main Navigation">
|
|
<a href="{{ .Site.Home.Permalink }}" class="logo">
|
|
<i class="fa-solid fa-code fa-xl"></i>
|
|
</a>
|
|
<input type="checkbox" id="menu-trigger" class="menu-trigger" />
|
|
<label for="menu-trigger">
|
|
<span class="menu-icon">
|
|
<i class="fa-regular fa-bars fa-xl"></i>
|
|
</span>
|
|
</label>
|
|
|
|
<div class="trigger">
|
|
<ul class="trigger-container">
|
|
{{ $currentPage := . }}
|
|
{{ range .Site.Menus.main }}
|
|
<li>
|
|
<a class="menu-link {{ if or ($currentPage.IsMenuCurrent "main" .)
|
|
($currentPage.HasMenuCurrent "main" .) }}active{{ end }}" href="{{ .URL }}">
|
|
{{ .Name }}
|
|
</a>
|
|
{{ if .HasChildren }}
|
|
<ul>
|
|
{{ range .Children }}
|
|
<li>
|
|
<a class="menu-link {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"
|
|
href="{{ .URL }}">
|
|
{{ .Name }}
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
</li>
|
|
{{ end }}
|
|
<li>
|
|
<a class="menu-link" href="/search">
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
</a> </li>
|
|
<!-- Language List -->
|
|
{{ if .IsTranslated }}
|
|
<li>
|
|
<select aria-label="Select Language" class="lang-list" id="select-language" onchange="location = this.value;">
|
|
{{ $siteLanguages := .Site.Languages}}
|
|
{{ $pageLang := .Page.Lang}}
|
|
{{ range .Page.AllTranslations }}
|
|
{{ $translation := .}}
|
|
{{ range $siteLanguages }}
|
|
{{ if eq $translation.Lang .Lang }}
|
|
{{ $selected := false }}
|
|
{{ if eq $pageLang .Lang}}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageCode | upper }}
|
|
</option>
|
|
{{ else }}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageCode | upper }}</option>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</select>
|
|
</li>
|
|
<li class="menu-separator">
|
|
<span>|</span>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|