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>

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"