| Age | Commit message (Collapse) | Author | Files | Lines |
|
Created language-specific 404 pages (content/en/404.md and content/it/404.md)
instead of using JavaScript detection. Hugo now properly routes 404 errors to
the correct language context, allowing .Lang and i18n to work correctly.
Removed JS language detection hack.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Added window.currentLang detection based on request URL path to correctly
route 404 page navigation links for Italian and English versions. Created
notFoundNav() Alpine component to dynamically compute language-aware links
based on detected language.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Hugo's .Lang is unreliable in 404 context. Changed to detect language from
the request permalink (checking for /it/ prefix) to properly route Italian
404 pages to Italian content sections.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Updated home, articles, and contact links to properly handle IT/EN language
routing by checking .Lang and building URLs without BaseURL prefix, matching
the pattern used in header.html
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Changed modal display from static 'hidden' class to conditional binding that
only applies 'hidden' when showEasterEgg is false. This prevents Tailwind's
display: none !important from overriding the flex layout binding.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
|
|
|
|
directly
|
|
|
|
registration
|
|
fix easter egg button
|
|
- 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>
|
|
- 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>
|
|
motion
|
|
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>
|
|
mode, responsive)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
pages)
|
|
from scratch, 12 tasks instead of 24
|
|
complete, Week 5 done)
|
|
|
|
|
|
|
|
|
|
accessibility)
|
|
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
|
|
- 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)
|
|
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>
|
|
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>
|
|
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>
|
|
focus)
|
|
.animate-spin-loader)
|
|
|
|
|
|
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>
|
|
|
|
|
|
|
|
HANDOFF update)
|
|
|