40 lines
2.3 KiB
HTML
40 lines
2.3 KiB
HTML
{{ if .Site.IsMultiLingual }}
|
|
{{ $page := . }}
|
|
{{ $currentLang := .Site.Language.Lang }}
|
|
|
|
<div class="language-switcher" aria-label="Language switcher">
|
|
<details class="language-switcher__dropdown">
|
|
<summary class="language-switcher__current" aria-label="Current language">
|
|
<svg class="language-switcher__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<line x1="2" y1="12" x2="22" y2="12"></line>
|
|
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
|
</svg>
|
|
<span class="language-switcher__label">{{ $currentLang | upper }}</span>
|
|
</summary>
|
|
<ul class="language-switcher__menu" role="menu">
|
|
{{ range .Site.Languages }}
|
|
{{ $lang := .Lang }}
|
|
{{ $candidates := where $page.AllTranslations "Language.Lang" $lang }}
|
|
{{ with index $candidates 0 }}
|
|
<li class="language-switcher__item{{ if eq $lang $currentLang }} active{{ end }}" role="none">
|
|
<a class="language-switcher__link" role="menuitem" href="{{ .RelPermalink }}" lang="{{ $lang }}" title="{{ .Language.LanguageName }}">
|
|
<span class="language-switcher__code">{{ $lang | upper }}</span>
|
|
<span class="language-switcher__name">{{ if .Language.LanguageName }}{{ .Language.LanguageName }}{{ else }}{{ $lang | upper }}{{ end }}</span>
|
|
</a>
|
|
</li>
|
|
{{ else }}
|
|
{{ with (index (where $.Sites "Language.Lang" $lang) 0) }}
|
|
<li class="language-switcher__item{{ if eq $lang $currentLang }} active{{ end }}" role="none">
|
|
<a class="language-switcher__link" role="menuitem" href="{{ .Home.RelPermalink }}" lang="{{ $lang }}" title="{{ .Language.LanguageName }}">
|
|
<span class="language-switcher__code">{{ $lang | upper }}</span>
|
|
<span class="language-switcher__name">{{ if .Language.LanguageName }}{{ .Language.LanguageName }}{{ else }}{{ $lang | upper }}{{ end }}</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</details>
|
|
</div>
|
|
{{ end }}
|