summaryrefslogtreecommitdiffstats
path: root/themes
AgeCommit message (Collapse)AuthorFilesLines
2026-04-17feat: ensure all form inputs have associated labels (for/id attributes)Danilo M.1-10/+10
- Added id to checkbox: agree-terms - Added id/for to checkboxes: interest-tech, interest-design - Added id/for to radio buttons: preference-option-a, preference-option-b - All 13 form inputs now have matching label associations - Improves WCAG 2.1 AA compliance (3.3.2 Labels or Instructions)
2026-04-17feat: ensure i18n-based aria-labels on all icon-only buttonsDanilo M.1-3/+3
Standardize aria-labels across form-components, hamburger-menu, and header partials to use i18n keys for multilingual support. Modal close buttons now consistently use the 'closeMenu' i18n key across all three modals, matching the accessibility pattern used for menu and theme toggle buttons. - form-components.html: Update modal close buttons (alert, confirm, content) - hamburger-menu.html: Already has aria-label with i18n - header.html: Theme toggle and hamburger menu already have aria-labels Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17feat: enhance modal focus trap with JavaScript and ARIA attributesDanilo M.2-12/+48
Implements focus trap function that cycles Tab/Shift+Tab within modal boundaries, adds ARIA attributes (role, aria-modal, aria-labelledby) for accessibility compliance, and integrates focus initialization on modal display. - Focus trap prevents tab escape from modal dialog - ARIA attributes: role=dialog, aria-modal=true, aria-labelledby linking title - Backdrop marked aria-hidden=true to exclude from accessibility tree - Close buttons have aria-label for screen readers - Focus initialization calls createFocusTrap on modal show Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17feat: add prefers-reduced-motion support (disable animations when ↵Danilo M.1-0/+18
motion-reduced) Adds a CSS media query that respects user motion preferences by: - Disabling all animations and transitions when prefers-reduced-motion: reduce - Using !important to override all animation/transition declarations - Ensuring focus-visible outline remains visible for keyboard navigation This improves accessibility for users with motion sensitivity. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17feat: add focus management styles (:focus-visible, button hover, form input ↵Danilo M.1-0/+57
focus)
2026-04-17feat: add animation utility classes (.animate-fade-in, .animate-slide-up, ↵Danilo M.1-0/+14
.animate-spin-loader)
2026-04-17feat: add CSS keyframe animations (fadeIn, slideUp, refine modalSlideUp, spin)Danilo M.1-2/+25
2026-04-16feat: add form component templates, i18n strings, and Alpine.js utilitiesDanilo M.3-0/+323
2026-04-16feat: add form component styles (inputs, textarea, checkbox, radio)Danilo M.2-0/+1258
2026-04-16fix: header sticky positioning regressionDanilo M.3-3/+7
Changed header from sticky to fixed positioning and added proper margin offset (mt-20) to main element to prevent content from being covered. The fixed header now stays at the top during scroll while content renders below it properly. - Fixed header: changed from sticky to fixed with left-0 right-0 full width - Main spacing: added mt-20 margin-top with relative z-10 preserved - Restored z-index layering for content positioning Also added Week 3 completion documentation and Week 4 planning files: - WEEK3-COMPLETION.md: Comprehensive audit of Week 3 implementation - WEEK3-4-TRANSITION.md: Handoff document with git workflow - WEEK4-PLAN.md: Full technical roadmap for Week 4 forms & interactions - PROGRESS-STATUS-WEEK4.txt: Updated cumulative progress tracking - Updated HANDOFF.md with Week 3 summary and Week 4 readiness Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: logo link now respects current languageDanilo M.1-1/+5
The header logo link was hardcoded to '/' which always returned to the English homepage when clicked from Italian pages. Now uses language-aware routing: IT pages link to /it/, EN pages link to / Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: make breadcrumb navigation multilingual with proper linksDanilo M.1-2/+9
- Added language-aware breadcrumb links (IT uses /it/ subdir, EN uses root) - Added 'home' translation key to both i18n files - Breadcrumb now displays translated labels and correct URLs for each language Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: breadcrumb navigation now renders in article pagesDanilo M.1-0/+3
The breadcrumb partial was being called but producing no output. Investigation revealed the issue: Hugo was using layouts/_default/single.html instead of layouts/articles/single.html. Added the breadcrumb partial call to the actual layout being used (_default/single.html), fixing the missing navigation. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: add x-cloak to prevent menu flash on page loadDanilo M.3-0/+12
- Add [x-cloak] { display: none } CSS rule - Add x-cloak attribute to menu overlay div - This hides the menu until Alpine.js initializes - Prevents the menu from appearing briefly on page refresh/load - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: prevent menu flicker when navigating to new pageDanilo M.1-12/+5
- Add beforeunload event listener to close menu before page navigation - This prevents the menu from briefly appearing on the new page - Menu state is explicitly set to false before unload - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: rewrite hamburger menu using Alpine.js event dispatcherDanilo M.3-100/+34
- Replace vanilla JS click handlers with Alpine.js @toggle-menu event - Hamburger button dispatches toggle-menu event on click - Menu overlay listens to toggle-menu and toggles menuOpen state - Alpine controls visibility via :class bindings (opacity/invisible) - Alpine controls panel slide via :class bindings (translate-x) - All menu interactions (close button, links, ESC, backdrop) use Alpine - Remove complex vanilla JS that wasn't working reliably - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: hamburger menu click handler and horizontal scroll issuesDanilo M.3-15/+44
- Improve hamburger menu JS with better error handling and console warnings - Add preventDefault() to button click handlers for reliability - Handle document ready state check (in case script runs before DOMContentLoaded) - Add overflow-x-hidden to html and body to prevent horizontal scrolling on mobile - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: refactor homepage buttons to use btn component classesDanilo M.2-8/+5
- Update index.html to use .btn .btn-primary .btn-lg and .btn .btn-outline .btn-lg - Update CLAUDE.md documentation - Update settings.local.json with additional permissions Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: simplify breadcrumb component (WIP - rendering issue to investigate)Danilo M.1-16/+3
2026-04-16feat: add breadcrumb navigation componentDanilo M.4-0/+61
- Create breadcrumb.html partial with Home > Articles > Title structure - Support both English and Italian language versions - Add breadcrumb and breadcrumb-separator CSS classes - Integrate breadcrumb into article detail pages - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: add header nav and hamburger menu styling with JS handlersDanilo M.3-3/+132
- Add header, nav-link, header-actions component CSS - Add menu-overlay and menu-nav component CSS - Update hamburger-menu.html with vanilla JS handlers: - openMenu/closeMenu functions - ESC key support - Click outside to close (backdrop click) - Menu link auto-close - Scroll lock when menu open - Replace Alpine @click with id-based event listeners - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: add card component with hover lift and glow effectsDanilo M.3-33/+367
- Add .card base component with border, rounded corners, glow shadow - Add .card:hover state with translateY(-2px) lift and enhanced glow - Add .card-image, .card-body, .card-title, .card-excerpt, .card-footer semantic classes - Refactor article-list-item.html to use card component classes - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: import 36 articles with assets and create supporting shortcodesDanilo M.9-4/+66
- Migrate all English articles from old site to content/en/articles/ - Organize article assets in static/uppies/year/month/ structure - Create Italian article stubs with draft=true status - Add 7 new shortcodes: strike, em, dropcap, figure, highlight, img, youtube, gal-img - Update article image paths to reference /uppies/ locations - All 36 articles now build successfully without errors Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: i18n singular/plural post count on taxonomy listfix/taxonomy-layoutsDanilo M.1-2/+2
Replace hardcoded "Posts: N" with i18n "postCount" key using Hugo's pluralization support (one/other forms). Renders "1 post" or "N posts" in English, "1 articolo" or "N articoli" in Italian. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: add article count badge to taxonomy list itemsDanilo M.1-2/+12
Each term card on the tags/categories list page now shows a count badge (top-right) with the number of articles in that term. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16fix: restore articles to taxonomy pages and fix i18n headingsDanilo M.2-2/+18
Fixed two critical bugs in taxonomy layouts: 1. Pinned/unpinned filter was silently hiding all articles. The filter only matched pages that explicitly set pinned=false, dropping all articles that omitted the parameter (most articles have nil, not false). Added the nil/empty fallback from _default/list.html. 2. Missing i18n keys caused blank headings on some taxonomy pages: - Added 'tag' key for /tags/term/ pages - Added 'categories' key for /categories/ list page 3. Harmonized spacing with main article list for visual consistency: Changed from space-y-2 max-w-2xl to space-y-6 max-w-3xl Changes: - i18n/en.yaml: Added 'tag' and 'categories' keys - i18n/it.yaml: Added 'tag' and 'categories' keys - taxonomy/list.html: Added nil fallback + spacing fix - taxonomy/term.html: Added nil fallback + spacing fix Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16refactor: remove footer-specific backdrop-filter rule for consistencyDanilo M.2-13/+0
2026-04-16fix: restore relative z-20 classes to footer for backdrop-filter to workfeature/footer-frosted-glassDanilo M.1-1/+1
2026-04-16refactor: remove positioning classes from footer for consistency with headerDanilo M.1-1/+1
2026-04-16refactor: use frosted-bar class on footer with stronger blur variantDanilo M.3-9/+5
2026-04-16adjust: reduce footer background opacity to 0.6 for better frosted glass ↵Danilo M.1-1/+1
visibility
2026-04-16fix: add position and z-index to footer for backdrop-filter to workDanilo M.3-1/+9
2026-04-16fix: add backdrop-filter blur to footer via CSS with vendor prefixDanilo M.3-7/+9
2026-04-16fix: use CSS variables in footer inline styles for theme-aware colorsDanilo M.1-1/+1
2026-04-16fix: apply frosted glass styling to footer via inline styles instead of CSS ↵Danilo M.1-1/+1
class
2026-04-16test: set footer background to red to check if inline styles work at allDanilo M.1-1/+1
2026-04-16test: add inline style to footer background for debuggingDanilo M.1-1/+1
2026-04-16test: set footer background to fully opaque (1) to debug stylingDanilo M.3-10/+7
2026-04-16fix: add frosted-bar-strong class to footer for stronger frosting and opacityDanilo M.3-6/+8
2026-04-16fix: increase footer backdrop blur from 10px to 20px for stronger frosting ↵Danilo M.2-4/+5
effect
2026-04-16fix: increase footer opacity to 0.88 for better visual balance with headerDanilo M.2-0/+11
2026-04-16fix: reduce frosted-bar background opacity from 0.92 to 0.75 for better ↵Danilo M.2-2/+2
readability
2026-04-16refactor: update internal footer divider to match frosted-bar border stylingDanilo M.1-1/+1
2026-04-16refactor: apply frosted-bar component to footerDanilo M.1-1/+1
2026-04-16refactor: remove border from frosted-bar component, let templates control ↵Danilo M.2-1/+27
border direction
2026-04-16refactor: apply frosted-bar component to headerDanilo M.1-1/+1
2026-04-16refactor: extract bg2 RGBA values to CSS variables for frosted-bar componentDanilo M.1-5/+4
2026-04-16feat: add frosted-bar CSS component for header and footerDanilo M.1-0/+12
2026-04-16Add padding and glow effects to content sectionsfeature/matrix-rain-backgroundDanilo M.2-0/+34
- Add 2rem padding, border, and soft glow to single page content grid - Add matching glow effect to article list items with full-opacity border - Uses theme-aware CSS variables for consistent styling across dark/light modes Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16Complete matrix rain background effect implementationDanilo M.8-5/+263
- Add canvas-based matrix rain animation with ASCII + katakana characters - Implement per-column animation with varied drop speeds (2-4 frame throttle) - Theme-aware colors: purple and green accents with live switching - Homepage: 28% opacity (dark) / 35% opacity (light) for prominent hero effect - Inner pages: 13% opacity (dark) / 18% opacity (light) for subtle side gutters - Respect prefers-reduced-motion system setting - Add opaque background to content grids to block rain under text - Add .content-grid class to differentiate single pages from list pages - Add solid background to article list item cards - Update article list item with bg-bg class for readability - Z-index stack: canvas (z-1), content grid (z-9), main content (z-10) Files modified: - matrix-rain.js: new IIFE animation script with MutationObserver for theme switching - baseof.html: add canvas element and script tag with guard - main.css: add canvas positioning, opacity rules, content grid background - _default/single.html: add max-w-7xl and .content-grid class - articles/single.html: add max-w-7xl and .content-grid class - is/list.html: add max-w-7xl and .content-grid class - article-list-item.html: add bg-bg class for solid background Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>