website/layouts/partials/sidebar.html

{{ $currentPage := . }}

<nav id="sidebar">
    <header>
        {{ with .Site.Params.avatar }}
            {{ $avatar := resources.Get . }}
            {{ $avatar := $avatar.Resize "200x webp" }}
            <img id="avatar" alt="{{ $.Site.Params.displayName }}" src="{{ $avatar.RelPermalink }}" />
        {{ end }}
    </header>
    <section id="sidebar-menu">
        <ul>
            {{- range .Site.Menus.main }}
            {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
            <li class="active"><a href="{{ .URL }}">{{ i18n .Identifier | default .Name }}</a></li>
            {{ else }}
            <li><a href="{{ .URL }}">{{ i18n .Identifier | default .Name }}</a></li>
            {{ end }}
            {{- end }}
        </ul>
    </section>
    <section id="social-links">
        <ul>
            <li><a rel="me" href="https://social.anoxinon.de/@vri">{{ partial "helpers/icons" "mastodon" }}</a></li>
        </ul>
    </section>
    <section id="localization">
    {{- if .Site.IsMultiLingual }}
        {{ $siteLanguages := .Site.Languages }}
        {{ $pageLanguage := .Page.Lang }}
        <div id="language-select">
            <span id="language-icon" href="#" data-page-lang="{{ .Page.Lang }}">🌐</span>
            <ul id="languages">
            {{ range .Page.AllTranslations }}
                {{ $translation := . }}
                {{ range $siteLanguages }}
                    {{ if eq $translation.Lang .Lang }}
                        {{ if eq $pageLanguage .Lang }}
                            <li class="active"><a href="{{ $translation.Permalink }}">{{ .LanguageName }}</a></li>
                        {{ else }}
                            <li><a href="{{ $translation.Permalink }}">{{ .LanguageName }}</a></li>
                        {{ end }}
                    {{ end }}
                {{ end }}
            {{ end }}
            </ul>
        </div>
    {{- end }}
    </section>
</nav>