]> danix's work - danix.xyz-2.git/commitdiff
Add language toggle to desktop header
authorDanilo M. <redacted>
Wed, 15 Apr 2026 15:31:52 +0000 (17:31 +0200)
committerDanilo M. <redacted>
Wed, 15 Apr 2026 15:31:52 +0000 (17:31 +0200)
- 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 <redacted>
themes/danix-xyz-hacker/layouts/partials/header.html

index a90a706314bd2cc66f33c28873d7f155c09533bf..3afe9684d9ff4d4f034fa18702a288fbd9a43726 100644 (file)
       {{ 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"