diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-15 17:31:52 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-15 17:31:52 +0200 |
| commit | d6455752935d0beb710df9e428837a09d4c8fdc1 (patch) | |
| tree | e1bf542a19f5fe234df1010aab01a4731c2d4412 | |
| parent | f14342001ef1fb15e697ea2c23e3cc91b3c21683 (diff) | |
| download | danixxyz-d6455752935d0beb710df9e428837a09d4c8fdc1.tar.gz danixxyz-d6455752935d0beb710df9e428837a09d4c8fdc1.zip | |
Add language toggle to desktop header
- Add language switcher (IT/EN) visible on desktop only
- Language buttons show in header next to theme toggle
- Current language highlighted with accent background
- Mobile still uses hamburger menu for language toggle
- Responsive design: hidden on mobile (md:hidden), visible on desktop
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/header.html | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/header.html b/themes/danix-xyz-hacker/layouts/partials/header.html index a90a706..3afe968 100644 --- a/themes/danix-xyz-hacker/layouts/partials/header.html +++ b/themes/danix-xyz-hacker/layouts/partials/header.html @@ -14,8 +14,25 @@ {{ 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" |