summaryrefslogtreecommitdiffstats
AgeCommit message (Collapse)AuthorFilesLines
2026-04-17fix: move notFoundPage() function definition before x-data initialization to ↵Danilo M.1-40/+43
fix easter egg button
2026-04-17fix: improve styling and functionality for 404 and Repository pagesDanilo M.3-89/+40
- 404.html: Move x-data directive to wrap entire content including modal, fixing Easter egg button click functionality. Add border, glow, and bg styling to main container. - repository/list.html: Add border, glow, rounded, and bg styling to article container for consistency with other pages. - Both pages now have consistent visual styling with borders, glows, and proper background colors. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17Fix styling issues on 404 and Repository pagesDanilo M.2-11/+12
- Add proper container styling (mx-auto, px-4, py-12) to main content wrappers matching single.html pattern - Replace gray color hardcodes with theme-aware CSS variables: - bg-gray-50/gray-900 → bg-bg/50 with hover:bg-bg/70 for article cards - text-gray-600/gray-400 → text-text-dim for text - border-gray-300/gray-700 → border-border for borders - bg-gray-200/gray-800 → bg-border/20 for tags - Fixes color inconsistency in both light and dark modes - Ensures 404 latest articles and Repository tags use theme colors instead of fixed gray Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17test: verify accessibility (WCAG AA) - heading hierarchy, contrast, focus, ↵Danilo M.2-3/+393
motion
2026-04-17test: verify repository page content, cards, keyboard nav, dark mode, responsiveDanilo M.3-8/+10
All comprehensive tests pass: - Repository page renders title, subtitle, and all content sections - Quick Start, Installation, Usage, and Available Packages sections display correctly - GitHub SlackBuild repository cards display in responsive grid (1-2-3 columns) - All 3 example repositories render with correct titles, descriptions, tags, and GitHub links - Code blocks are keyboard accessible with proper syntax highlighting - Dark/light mode supports with proper Tailwind dark: classes - Images lazy-load with proper alt text - Responsive design tested: mobile (320px), tablet (768px), desktop (1200px) - Italian and English translations working correctly - Keyboard navigation fully functional (Tab, Enter, external link security attributes) Layout fix: Changed repository layout from single.html to list.html to properly render _index.md section pages Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-17test: verify 404 page functionality (keyboard navigation, easter egg, dark ↵Danilo M.2-13/+13
mode, responsive)
2026-04-17feat: add custom repository page layout with repo cards gridDanilo M.1-0/+69
2026-04-17feat: add repository descriptions to Italian i18nDanilo M.1-0/+8
2026-04-17feat: add repository descriptions to English i18nDanilo M.1-0/+6
2026-04-17feat: add repository data file with GitHub repos listDanilo M.1-0/+24
2026-04-17feat: create Italian repository page contentDanilo M.1-0/+62
2026-04-17feat: create English repository page contentDanilo M.1-0/+62
2026-04-17feat: add Repository page i18n strings (Italian)Danilo M.1-0/+22
2026-04-17feat: add Repository page i18n strings (English)Danilo M.1-0/+22
2026-04-17feat: create 404 error page with search, recent articles, and easter eggDanilo M.3-0/+199
2026-04-17feat: add 404 page i18n strings (Italian)Danilo M.1-0/+30
2026-04-17feat: add 404 page i18n strings (English)Danilo M.1-0/+30
2026-04-17docs: add Week 6 planning, spec, and implementation plan (404 and Repository ↵Danilo M.5-29/+1951
pages)
2026-04-17docs: revise Week 6 plan - audit About/Contact (no new code), create 404 ↵Danilo M.1-398/+648
from scratch, 12 tasks instead of 24
2026-04-17docs: add Week 6 implementation plan and update progress status (83% ↵Danilo M.2-66/+1096
complete, Week 5 done)
2026-04-17docs: add Week 6+ TODO list for pages, testing, and future enhancementsDanilo M.1-0/+47
2026-04-17docs: finalize Week 5 completion status in HANDOFF.md (Task 23)Danilo M.1-7/+16
2026-04-17docs: add comprehensive accessibility audit report (WCAG 2.1 AA compliant)Danilo M.1-0/+873
2026-04-17docs: add Week 5 comprehensive testing report (73 tests, 100% pass rate)Danilo M.1-0/+721
2026-04-17docs: add Week 5 implementation guide (animations, focus management, ↵Danilo M.1-0/+1296
accessibility)
2026-04-17feat: verify semantic HTML - replace div with button in toast-closeDanilo M.1-1/+1
Replace div element with actual button element for toast notification close control. Adds type='button' and aria-label for accessibility. Maintains all Alpine.js functionality via @click handler. WCAG 2.1 AA compliance: 1.3.1 Info and Relationships
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-16docs: add Week 5 implementation plan (24 tasks, detailed steps)Danilo M.1-0/+3580
2026-04-16docs: add Week 5 design spec (animations & a11y audit)Danilo M.1-0/+293
Design covers: - Subtle, professional entrance animations (fade-in, slide-up, 200-300ms) - Motion-safe alternatives (prefers-reduced-motion support) - Focused accessibility audit (focus management, keyboard nav, ARIA basics) - 60+ test cases covering animations, keyboard navigation, focus indicators - Success criteria: WCAG 2.1 AA compliance, 60fps performance - Deliverables: WEEK5-IMPLEMENTATION.md, WEEK5-TESTING.md, A11Y-AUDIT-REPORT.md Scope: No page transition animations (KISS), no advanced ARIA patterns, focused audit areas only. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16docs: update progress status to reflect Week 4 completion (67% overall)Danilo M.1-185/+359
2026-04-16docs: add Week 5 ready status and cumulative progress trackingDanilo M.1-0/+261
2026-04-16docs: add Week 4 comprehensive testing report (64 tests, all pass)Danilo M.1-0/+573
2026-04-16feat: add Week 4 documentation (implementation guide, component examples, ↵Danilo M.3-5/+1278
HANDOFF update)
2026-04-16feat: add form component templates, i18n strings, and Alpine.js utilitiesDanilo M.6-6/+386
2026-04-16feat: add form component styles (inputs, textarea, checkbox, radio)Danilo M.2-0/+1258
2026-04-16fix: header sticky positioning regressionDanilo M.8-9/+1272
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-16chore: update HANDOFF and settings after breadcrumb fixDanilo M.2-7/+8
- Updated HANDOFF.md to reflect breadcrumb fix completion - Added GitHub WebFetch permission for future reference lookups Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-16feat: make breadcrumb navigation multilingual with proper linksDanilo M.3-2/+11
- 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-16chore: update Italian translationsDanilo M.1-2/+2
- Update readMore: "Leggi di più" → "Continua a leggere" - Update quote: "Citazione" → "Citazioni" 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>