{{ end }}
</div>
- <!-- Mobile hamburger & theme toggle -->
+ <!-- Right side controls: Language, Theme, Menu -->
<div class="flex items-center gap-4 md:gap-6">
+ <!-- Language switcher (desktop) -->
+ <div class="hidden md:flex gap-2">
+ {{ $currentLang := .Page.Language }}
+ {{ range .Site.Languages }}
+ {{ $langCode := .Lang }}
+ {{ $langName := .LanguageName }}
+ {{ $current := eq $langCode $currentLang }}
+ {{ $prefix := cond (eq $langCode "en") "" (printf "/%s" $langCode) }}
+ <a
+ href="{{ $prefix }}/"
+ class="px-2 py-1 text-sm rounded transition-colors {{ if $current }}bg-accent text-white{{ else }}hover:bg-surface{{ end }}"
+ >
+ {{ $langName }}
+ </a>
+ {{ end }}
+ </div>
+
<!-- Theme toggle button -->
<button
id="theme-toggle"