diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-20 12:46:49 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-20 12:46:49 +0200 |
| commit | 133a26b48c13c2ca6ffa01624552d995b5ab8fab (patch) | |
| tree | b83f8e54c4ce12828c3264cf280976b42cd2555f /data/quotes.yaml | |
| parent | 9140e36f40918f774ad2aaf28c2b9b17db2a831d (diff) | |
| download | danixxyz-133a26b48c13c2ca6ffa01624552d995b5ab8fab.tar.gz danixxyz-133a26b48c13c2ca6ffa01624552d995b5ab8fab.zip | |
feat: redesign footer with fortune cookie, about terminal readout, and tech/feature badges
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 <dl> 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 <noreply@anthropic.com>
Diffstat (limited to 'data/quotes.yaml')
| -rw-r--r-- | data/quotes.yaml | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/data/quotes.yaml b/data/quotes.yaml new file mode 100644 index 0000000..c6bebf9 --- /dev/null +++ b/data/quotes.yaml @@ -0,0 +1,27 @@ +quotes: + - text: "The quieter you become, the more you can hear." + author: "Ram Dass" + - text: "In theory, theory and practice are the same. In practice, they are not." + author: "Albert Einstein" + - text: "The best time to plant a tree was 20 years ago. The second best time is now." + author: "Chinese Proverb" + - text: "Debugging is like being the detective in a crime drama." + author: "Filipe Fortes" + - text: "Good design is invisible." + author: "Paul Rand" + - text: "The only way to do great work is to love what you do." + author: "Steve Jobs" + - text: "Simplicity is the ultimate sophistication." + author: "Leonardo da Vinci" + - text: "Security is not a feature, it's a prerequisite." + author: "Bruce Schneier" + - text: "Privacy is not something that I'm merely entitled to, it's an absolute prerequisite." + author: "Marlon Brando" + - text: "The web as I envisaged it, we have not seen it yet." + author: "Tim Berners-Lee" + - text: "First, solve the problem. Then, write the code." + author: "John Johnson" + - text: "Code is read much more often than it is written." + author: "Guido van Rossum" + - text: "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." + author: "Martin Fowler" |
