Revise RETROSPECT.md with project reflections update sebas
Updated the retrospective document with reflections on the project, including achievements, areas for improvement, and technical learnings.
Document retrospective notes for multiple sprints
Added detailed retrospective notes for multiple sprints, including participant feedback and suggestions for improvement.
Merge pull request #257 from fdnd-agency/244-feature-improve-semantic-html-accessibility-for-navbar-and-hero-components
Improve semantic html accessibility for navbar and hero components
fix(a11y): make hero slide counter readable for screen readers
Remove aria-hidden conflict by ensuring the slide announcement is exposed to assistive technologies while keeping the visual counter hidden, allowing 'Slide X of Y' to be announced correctly.
refs: #257
fix(hero): sync slide text fade-in and keep autoplay after manual navigation
- Make hero title re-render per slide using a keyed block ({#key current}) to reliably retrigger fade-in on slide change
- Replace manual active/RAF toggle logic with CSS keyframes for the title fade
- Prevent autoplay from stopping after arrow clicks by resetting the interval instead of clearing it
- Simplify slideshow logic: share the same next/prev functions for autoplay and user navigation
refs: #244 #219 #237
refactor(hero): simplify slider logic and improve accessibility
- Replaced GSAP timeline animations with a lightweight interval-based slideshow.
- Added autoplay start/stop helpers and clear cleanup on destroy to prevent leaks.
- Respected prefers-reduced-motion by disabling autoplay when motion reduction is enabled.
- Renamed/streamlined slide navigation functions (next/prev + userNext/userPrev) and wired buttons directly to handlers.
- Added sr-only labels for icon-only arrow buttons (removed reliance on aria-label for controls).
- Updated hero CTA to a semantic link (<a href="/tickets">) instead of a button.
- Kept responsive <picture> sources (AVIF/WEBP) and prioritized the first slide with fetchpriority/ eager loading.
refs #244
refactor(nav): improve semantic structure, accessibility and reduce JS
- Refactored header and mobile navigation markup for clearer semantics (header/nav/list structure).
- Switched language menu and mobile drawer/submenus to <details>/<summary> for native toggle behavior (no JS required).
- Added sr-only headings inside nav landmarks to differentiate navigation regions without relying on aria-label.
- Ensured icon-only controls include screen-reader text.
- Improved sidepanel layout with flex so footer sits at the bottom without absolute positioning.
- Standardized navigation class naming and introduced shared nav utility classes (nav-list/nav-item/nav-link) for DRY styling.
- Added prefers-reduced-motion handling and kept transitions lightweight.
refs: #244
