diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-20 14:48:34 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-20 14:48:34 +0200 |
| commit | c942e4492dbf74a5d41fcbfea22c074b460b50ff (patch) | |
| tree | 952e16a4aad46d06f7045906f1bc4d076a5be139 /themes/danix-xyz-hacker/layouts/partials/footer.html | |
| parent | 8910a692432ebf8d32948f08172fad943c70b78f (diff) | |
| download | danixxyz-c942e4492dbf74a5d41fcbfea22c074b460b50ff.tar.gz danixxyz-c942e4492dbf74a5d41fcbfea22c074b460b50ff.zip | |
fix: sync footer styling and i18n translations
Add horizontal separators between footer blocks on narrow screens. Right-align quote author in fortune block. Synchronize theme i18n files with root translations (en.yaml and it.yaml).
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'themes/danix-xyz-hacker/layouts/partials/footer.html')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/footer.html | 54 |
1 files changed, 30 insertions, 24 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html index ffa9ad2..982b45b 100644 --- a/themes/danix-xyz-hacker/layouts/partials/footer.html +++ b/themes/danix-xyz-hacker/layouts/partials/footer.html @@ -6,23 +6,50 @@ <!-- Column 1: Fortune Cookie --> <div> - <p class="font-mono text-xs text-text-dim mb-2">$ fortune danix</p> + <p class="font-mono text-xs text-text-dim mb-2">$ fortune</p> <div id="fortune-quote" aria-live="polite" data-quotes='{{ $quotes | jsonify }}'> <blockquote> <p class="fortune-text font-mono text-sm text-text italic leading-relaxed"> "{{ (index $quotes 0).text }}" </p> - <cite class="fortune-author font-mono text-xs text-text-dim not-italic mt-2 block"> + <cite class="fortune-author font-mono text-xs text-text-dim not-italic mt-2 block text-right"> — {{ (index $quotes 0).author }} </cite> </blockquote> </div> </div> + <hr class="md:hidden border-border my-6" /> - <!-- Column 2: About (Terminal Readout) --> + <!-- Column 2: Stack & Feature Badges --> + <div> + <p class="text-text-dim font-mono text-xs mb-1">{{ i18n "footer_built_with" }}</p> + <div class="flex flex-wrap gap-1.5 mb-3"> + <span class="badge-footer-accent">Hugo</span> + <span class="badge-footer-accent">Tailwind CSS</span> + <span class="badge-footer-accent">Alpine.js</span> + <span class="badge-footer-accent">HTML5</span> + <span class="badge-footer-accent">CSS3</span> + <span class="badge-footer-accent">JavaScript</span> + </div> + + <p class="text-text-dim font-mono text-xs mb-1">{{ i18n "footer_features" }}</p> + <div class="flex flex-wrap gap-1.5"> + <span class="badge-footer-accent2">WCAG 2.1 AA</span> + <span class="badge-footer-accent2">Open Source</span> + <span class="badge-footer-accent2">Privacy Friendly</span> + <span class="badge-footer-accent2">Claude Code</span> + </div> + </div> + <hr class="md:hidden border-border my-6" /> + + <!-- Column 3: About (Terminal Readout) --> <div> <dl class="space-y-1"> <div class="flex gap-2"> + <dt class="text-text-dim font-mono text-xs w-20 shrink-0">{{ i18n "footer_about_name" }}:</dt> + <dd class="text-text font-mono text-xs">{{ .Site.Params.author }}</dd> + </div> + <div class="flex gap-2"> <dt class="text-text-dim font-mono text-xs w-20 shrink-0">{{ i18n "footer_about_role" }}:</dt> <dd class="text-text font-mono text-xs">{{ i18n "footer_about_role_value" }}</dd> </div> @@ -40,27 +67,6 @@ </div> </dl> </div> - - <!-- Column 3: Stack & Feature Badges --> - <div> - <p class="text-text-dim font-mono text-xs mb-1">{{ i18n "footer_built_with" }}</p> - <div class="flex flex-wrap gap-1.5 mb-3"> - <span class="badge-footer-accent">Hugo</span> - <span class="badge-footer-accent">Tailwind CSS</span> - <span class="badge-footer-accent">Alpine.js</span> - <span class="badge-footer-accent">HTML5</span> - <span class="badge-footer-accent">CSS3</span> - <span class="badge-footer-accent">JavaScript</span> - </div> - - <p class="text-text-dim font-mono text-xs mb-1">{{ i18n "footer_features" }}</p> - <div class="flex flex-wrap gap-1.5"> - <span class="badge-footer-accent2">WCAG 2.1 AA</span> - <span class="badge-footer-accent2">Open Source</span> - <span class="badge-footer-accent2">Privacy Friendly</span> - <span class="badge-footer-accent2">Claude Code</span> - </div> - </div> </div> <!-- Copyright Bar --> |