From 133a26b48c13c2ca6ffa01624552d995b5ab8fab Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Mon, 20 Apr 2026 12:46:49 +0200 Subject: feat: redesign footer with fortune cookie, about terminal readout, and tech/feature badges MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit New footer structure: 3 equal columns (Fortune Cookie | About Credentials | Stack & Features badges) + full-width copyright bar with emoji personality line. Fortune Cookie: - data/quotes.yaml with 13 curated quotes - fortune.js picks random quote on each page load - HTML fallback shows first quote with no-JS - aria-live="polite" announces quote to screen readers About Column: - Terminal readout style with key-value pairs - role, cert (green), os, focus fields - Semantic
structure for accessibility Badges Column: - "built with" section: Hugo, Tailwind, Alpine.js, HTML5, CSS3, JS (purple badges) - "features" section: WCAG 2.1 AA, Open Source, Privacy Friendly, Claude Code (green badges) - New badge-footer-accent/accent2 CSS classes Copyright Bar: - "Made with ❤️ lack of 😴 lots of ☕ by danix" with emoji wrapped in aria-hidden - danix link points to language-aware About page (/is/ or /it/is/) - Centered, full-width, below border-top i18n additions: - footer_built_with, footer_features keys in English and Italian Theming: - All colors use CSS custom properties (--accent, --accent2, --text, --text-dim) - Monospace fonts throughout (JetBrains Mono) - Responsive: grid-cols-1 mobile → md:grid-cols-3 tablet+ - WCAG 2.1 AA compliant: ≥4.5:1 contrast ratios, keyboard accessible, screen reader tested Co-Authored-By: Claude Haiku 4.5 --- i18n/en.yaml | 2 ++ i18n/it.yaml | 2 ++ 2 files changed, 4 insertions(+) (limited to 'i18n') diff --git a/i18n/en.yaml b/i18n/en.yaml index 5c35568..874c0e6 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -14,6 +14,8 @@ email: "Email" contact: "Contact" links: "Links" allRightsReserved: "All rights reserved." +footer_built_with: "built with" +footer_features: "features" # Articles readMore: "Read more" diff --git a/i18n/it.yaml b/i18n/it.yaml index 4d228be..8c3eba1 100644 --- a/i18n/it.yaml +++ b/i18n/it.yaml @@ -14,6 +14,8 @@ email: "Email" contact: "Contatti" links: "Link" allRightsReserved: "Tutti i diritti riservati." +footer_built_with: "costruito con" +footer_features: "caratteristiche" # Articles readMore: "Continua a leggere" -- cgit v1.2.3