Updated today at 08:58
244-feature-improve-semantic-html-accessibility-for-navbar-and-hero-components Show on GitHub
 | aliceafanasieva | a34ff74 | 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 | commit details | show on GitHub |
| aliceafanasieva | 2a6f7b6 | 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 | commit details | show on GitHub |
| aliceafanasieva | af5294f | 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 | commit details | show on GitHub |
| aliceafanasieva | efab691 | 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 | commit details | show on GitHub |
 | Sebastiaan-hva | 9fae541 | FIX: overflow issue on mobile and tablet solved | commit details | show on GitHub |
| Sebastiaan-hva | 7e922de | feat: fix header inside main for A11Y | commit details | show on GitHub |
| Sebastiaan-hva | dfd167f | Merge pull request #235 from fdnd-agency/233-feature-fix-the-footersvelte-component
233 feature fix the footersvelte component | commit details | show on GitHub |
| Sebastiaan-hva | 95dac73 | Merge branch 'dev' into 233-feature-fix-the-footersvelte-component | commit details | show on GitHub |
| Sebastiaan-hva | 0589f9e | Update package-lock.json | commit details | show on GitHub |
| Sebastiaan-hva | cdbed98 | Squashed commit of the following:
commit 956b022c53dbde199952baa7969a4b92c68f364a
Merge: a7ee421 3602607
Author: Alisa <66431299+aliceafanasieva@users.noreply.github.com>
Date: Fri Jan 16 00:35:25 2026 +0100
Merge pull request #239 from fdnd-agency/responsive-hero-fixes
feat(hero): make hero layout responsive with a fixed content area
commit 3602607353376765354064ab6496b049a5327029
Merge: 17b9267 a7ee421
Author: Alisa <66431299+aliceafanasieva@users.noreply.github.com>
Date: Fri Jan 16 00:34:43 2026 +0100
Merge branch 'dev' into responsive-hero-fixes
commit 17b92670720ad16a0a0ae6588563296536522a76
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 23:54:34 2026 +0100
perf(hero): optimize hero background images with avif/webp
- convert hero backgrounds to AVIF/WebP in multiple sizes (960/1600/1920)
- use <picture> with srcset/sizes for responsive loading
- lazy-load non-active slides to reduce initial network requests
refs: #239 #237
commit a7ee42148c11cf11e4a6e7821797ac29fa673a5b
Merge: a143663 e155441
Author: Alisa <66431299+aliceafanasieva@users.noreply.github.com>
Date: Thu Jan 15 21:43:17 2026 +0100
Merge pull request #238 from fdnd-agency/216-global-css-stylesheet
Global css stylesheet
commit e155441f3e0e4c16d5677da66d038ebbea2e5e58
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 21:14:45 2026 +0100
chore(style): naming changes
refs: #238 #238
commit 99a5718c516590eab86ed514caaaaadb99d6e122
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 19:31:38 2026 +0100
style(buttons): apply styleguide button classes across components
- Updated components to use shared .btn variants (gradient/expand/underscore types)
- Kept <a> elements as anchors (no <a> to <button> changes)
refs: #216 #238
commit ee79fd4e081a42c454e4651d7cae0a59236826bb
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 18:11:59 2026 +0100
refactor(css): migrate global styleguide to HSL palette and modular button variants
- rename button variants and parts:
- .btn--type1 -> .btn--gradient
- .btn--type2 -> .btn--expand
- .btn--type3 -> .btn--underscore
- .btn_label/.btn_icon -> .btn-label/.btn-icon
refs: #216, #238
commit bebf6e1a785fc9ed69017294c59b6a51360e2e1b
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 17:12:37 2026 +0100
refactor(css): change color system to dynamic HSL palette + animated gradient stops
- define base HSL hue/saturation tokens and lightness scale (l-0–l-100)
- generate neutral/primary/accent color variations from the HSL system
- map semantic tokens (background, surface, text, link, border, focus) to the new palette
- add dedicated gradient stop variables for gold/blue and rebuild 13-stop animated gradients
- update link hover color using color-mix in HSL
refs: #238 #216
commit b7508ac23ec07c98d1ecbec3fc5e6d4bf87b0d16
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 15 16:27:04 2026 +0100
refactor(css): restructure global-styles.css layout and typography tokens
- add layered CSS structure for reset, base and typography
- replace spacing tokens with a semantic scale (2xs–2xl)
- replace px in sizes into rem units
- replace hex codes with HSL notation
- rename typography tokens from h1/h2 to a more descriptive font-size scale (2xl–s)
refs: #216 #238
commit e499b121d40e862c5d71b9cfa2535bbada371387
Author: Alisa <alice.afanasieva@gmail.com>
Date: Wed Jan 14 01:51:49 2026 +0100
feat(hero): make hero layout responsive with a fixed content area
- wrap h1/h2 in .hero-title for a more stable layout
- restructure .hero to column + space-evenly on mobile and row from 700px
- give .hero-content a fixed height/space and use justify-content: space-between
- update heading typography using var(--h1) / var(--h2) and prevent text clipping
- refine .info-line spacing and add a breakpoint for taller screens
#237
commit c1c2ae6cc48eb9c69235ab9363be58ab02320217
Author: Alisa <alice.afanasieva@gmail.com>
Date: Wed Jan 14 01:31:12 2026 +0100
style(button): add type3 underline animation and white variant
- implement ::after underline with scaleX transition for hover/focus-visible
- align arrow icon and normalize svg/img sizing for type3
- add .btn--type3-white variant for dark backgrounds
refs: #228, #216, #231
commit d2ba65ee43bcd7d057ba8c70da52982ca1404ec8
Author: Alisa <alice.afanasieva@gmail.com>
Date: Wed Jan 14 01:30:10 2026 +0100
style(button): refine type3 base layout and label styling
- set type3 to inline-flex with baseline alignment and token-based gap
- remove padding and default link underline
- make .btn_label inline-block for consistent underline sizing
refs: #228 #216 #231
commit e8df3b35148a013e84623ae9fd2b5cbcbefedc06
Author: Alisa <alice.afanasieva@gmail.com>
Date: Mon Jan 12 02:59:14 2026 +0100
feat(css): add hover expand + delayed label reveal for btn--type2
- expand button dimensions and restore spacing on hover
- reveal label with max-width + fade/slide animation and a short delay
- keep label capped to 12ch to avoid oversized buttons
refs: #228, #216, #230
commit 59050afa849982708b4832785821ab04e7c53f04
Author: Alisa <alice.afanasieva@gmail.com>
Date: Mon Jan 12 02:57:48 2026 +0100
fix(css): prevent btn--type2 icon offset in collapsed state
- set gap to 0 and center content to keep the icon perfectly centered
- reset icon alignment and enforce fixed icon sizing for type2
refs: #230, #228, #216
commit d407fd7ef0732c61169600025a70898378c914a4
Author: Alisa <alice.afanasieva@gmail.com>
Date: Mon Jan 12 02:06:33 2026 +0100
fix(css): voorkom layout shift bij btn--type1 hover
- herstel --btn-font-weight naar 400
- gebruik --btn-gap i.p.v. --btn-t1-gap
- maak btn_icon vaste breedte (flex: 0 0 ...) en duw naar rechts met margin-left: auto
- laat btn_label de vrije ruimte nemen (flex: 1 1 auto; min-width: 0)
refs: #228, #216, #229
commit a675db4096685f3e5069ea44ecf8f93dc2d5a5e4
Author: Alisa <alice.afanasieva@gmail.com>
Date: Sun Jan 11 21:23:16 2026 +0100
feat(styles): add animated diagonal gradients for button icons
- add --gradient-gold-anim and --gradient-blue-anim tokens
- add btn-gradient-diagonal keyframes for diagonal background movement
- apply hover animation to .btn_icon for .btn--blue and .btn--gold variants
- tune background-size/position for smooth moving gradient effect
refs: #228, #216, #229
commit dbad49d6c3e5ffdc11750ba2ec402a3376c0acd5
Author: Alisa <alice.afanasieva@gmail.com>
Date: Fri Jan 9 14:12:31 2026 +0100
feat(stylesheet):quick fixes on button
refs: #216
commit 3d68a7a7fbeb59c85199cf08bcba302308030391
Author: Alisa <alice.afanasieva@gmail.com>
Date: Fri Jan 9 12:02:38 2026 +0100
feat(components): add button type 3 (text link) with hover underline and arrow icon
Refs: #216
commit 2b5abd072b7157639f5e5308dcb456dfc6f19502
Author: Alisa <alice.afanasieva@gmail.com>
Date: Fri Jan 9 12:01:59 2026 +0100
feat(components): add styling for button type 2 (icon-only)
Refs: #216
commit 00d781e4693d1eefc3cef0302c534973724ab104
Author: Alisa <alice.afanasieva@gmail.com>
Date: Fri Jan 9 11:55:05 2026 +0100
feat(components): add styleguide button tokens and base button variants (type 1–3), btn type 1 styling
refs: #216
commit eeaf49ca9aee6abddc9824d5e544ac3f0f32b1bb
Author: Alisa <alice.afanasieva@gmail.com>
Date: Fri Jan 9 00:35:26 2026 +0100
feat(colors): add styleguide color tokens, gradients, and semantic variables
(Also tested using the tokens in Hero.svelte)
Refs: #216
commit 9aaf5f7e929c811bbecd6f5d71b0b2f4ef930337
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 8 17:59:13 2026 +0100
feat(typography): add global font faces and size scale tokens
Refs: #216
commit 318127740f6d94de8578373b39861f9fe1749b7d
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 8 17:50:52 2026 +0100
feat(styles): add base layout
Adding base layout tokens:
- Spacing
- Radius
- Shadows
- Motion (css animations)
refs: #216
commit 0c1a3ed408047757c4bd34aa561e62ca59f5b003
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 8 17:42:17 2026 +0100
feat(styles): CSS reset (addition)
The browser’s default styling neutralize, so your UI looks consistent in Chrome/Safari/Firefox.
refs: #216
commit d6855be86491118d2d7b1f8188668abad798edd7
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 8 17:41:02 2026 +0100
feat(styles): add CSS reset and base layout tokens
The browser’s default styling neutralize, so your UI looks consistent in Chrome/Safari/Firefox.
refs: #216
commit 70d575c61b1cb76d3519c2f6e773439286e8fbe5
Author: Alisa <alice.afanasieva@gmail.com>
Date: Thu Jan 8 17:21:23 2026 +0100
chore(styles): create global stylesheet structure
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 956b022 | Merge pull request #239 from fdnd-agency/responsive-hero-fixes
feat(hero): make hero layout responsive with a fixed content area | commit details | show on GitHub |
| aliceafanasieva | 3602607 | Merge branch 'dev' into responsive-hero-fixes | commit details | show on GitHub |
| aliceafanasieva | 17b9267 | perf(hero): optimize hero background images with avif/webp
- convert hero backgrounds to AVIF/WebP in multiple sizes (960/1600/1920)
- use <picture> with srcset/sizes for responsive loading
- lazy-load non-active slides to reduce initial network requests
refs: #239 #237 | commit details | show on GitHub |
| Sebastiaan-hva | b50f195 | #233 feat: .footer-info margin-top increase
feedback from @aliceafanasieva so it better fits the design. | commit details | show on GitHub |
| aliceafanasieva | a7ee421 | Merge pull request #238 from fdnd-agency/216-global-css-stylesheet
Global css stylesheet | commit details | show on GitHub |
| aliceafanasieva | e155441 | chore(style): naming changes
refs: #238 #238 | commit details | show on GitHub |
| aliceafanasieva | 99a5718 | style(buttons): apply styleguide button classes across components
- Updated components to use shared .btn variants (gradient/expand/underscore types)
- Kept <a> elements as anchors (no <a> to <button> changes)
refs: #216 #238 | commit details | show on GitHub |
| aliceafanasieva | ee79fd4 | refactor(css): migrate global styleguide to HSL palette and modular button variants
- rename button variants and parts:
- .btn--type1 -> .btn--gradient
- .btn--type2 -> .btn--expand
- .btn--type3 -> .btn--underscore
- .btn_label/.btn_icon -> .btn-label/.btn-icon
refs: #216, #238 | commit details | show on GitHub |
| aliceafanasieva | bebf6e1 | refactor(css): change color system to dynamic HSL palette + animated gradient stops
- define base HSL hue/saturation tokens and lightness scale (l-0–l-100)
- generate neutral/primary/accent color variations from the HSL system
- map semantic tokens (background, surface, text, link, border, focus) to the new palette
- add dedicated gradient stop variables for gold/blue and rebuild 13-stop animated gradients
- update link hover color using color-mix in HSL
refs: #238 #216 | commit details | show on GitHub |
| aliceafanasieva | b7508ac | refactor(css): restructure global-styles.css layout and typography tokens
- add layered CSS structure for reset, base and typography
- replace spacing tokens with a semantic scale (2xs–2xl)
- replace px in sizes into rem units
- replace hex codes with HSL notation
- rename typography tokens from h1/h2 to a more descriptive font-size scale (2xl–s)
refs: #216 #238 | commit details | show on GitHub |
| aliceafanasieva | e499b12 | feat(hero): make hero layout responsive with a fixed content area
- wrap h1/h2 in .hero-title for a more stable layout
- restructure .hero to column + space-evenly on mobile and row from 700px
- give .hero-content a fixed height/space and use justify-content: space-between
- update heading typography using var(--h1) / var(--h2) and prevent text clipping
- refine .info-line spacing and add a breakpoint for taller screens
#237 | commit details | show on GitHub |
| aliceafanasieva | c1c2ae6 | style(button): add type3 underline animation and white variant
- implement ::after underline with scaleX transition for hover/focus-visible
- align arrow icon and normalize svg/img sizing for type3
- add .btn--type3-white variant for dark backgrounds
refs: #228, #216, #231 | commit details | show on GitHub |
| aliceafanasieva | d2ba65e | style(button): refine type3 base layout and label styling
- set type3 to inline-flex with baseline alignment and token-based gap
- remove padding and default link underline
- make .btn_label inline-block for consistent underline sizing
refs: #228 #216 #231 | commit details | show on GitHub |
| Sebastiaan-hva | a659d37 | #233 added title to document for better A11Y | commit details | show on GitHub |
| Sebastiaan-hva | 9a4ce04 | #233 feat: changed it so it better fit design
see issue #233 | commit details | show on GitHub |
| Sebastiaan-hva | a143663 | Merge pull request #234 from fdnd-agency/224-feature-sponser-bar-with-horizontal-scroll-animation
224 feature sponser bar with horizontal scroll animation | commit details | show on GitHub |
| Sebastiaan-hva | ee66b54 | #224 feat: VSC crashed so had to recommit | commit details | show on GitHub |
| Sebastiaan-hva | a8a37a3 | Revert "#224 feat: commit didn't go through because of VSC crashing"
This reverts commit 8a64eb0f4d5d5b3a99e765a437f6680b611b9394. | commit details | show on GitHub |
| Sebastiaan-hva | 8a64eb0 | #224 feat: commit didn't go through because of VSC crashing | commit details | show on GitHub |
| Sebastiaan-hva | 254fed5 | #224 feat: added prefers reduced motion & fixed spacing issue's | commit details | show on GitHub |
| aliceafanasieva | e8df3b3 | feat(css): add hover expand + delayed label reveal for btn--type2
- expand button dimensions and restore spacing on hover
- reveal label with max-width + fade/slide animation and a short delay
- keep label capped to 12ch to avoid oversized buttons
refs: #228, #216, #230 | commit details | show on GitHub |
| aliceafanasieva | 59050af | fix(css): prevent btn--type2 icon offset in collapsed state
- set gap to 0 and center content to keep the icon perfectly centered
- reset icon alignment and enforce fixed icon sizing for type2
refs: #230, #228, #216 | commit details | show on GitHub |
| aliceafanasieva | d407fd7 | fix(css): voorkom layout shift bij btn--type1 hover
- herstel --btn-font-weight naar 400
- gebruik --btn-gap i.p.v. --btn-t1-gap
- maak btn_icon vaste breedte (flex: 0 0 ...) en duw naar rechts met margin-left: auto
- laat btn_label de vrije ruimte nemen (flex: 1 1 auto; min-width: 0)
refs: #228, #216, #229 | commit details | show on GitHub |
| aliceafanasieva | a675db4 | feat(styles): add animated diagonal gradients for button icons
- add --gradient-gold-anim and --gradient-blue-anim tokens
- add btn-gradient-diagonal keyframes for diagonal background movement
- apply hover animation to .btn_icon for .btn--blue and .btn--gold variants
- tune background-size/position for smooth moving gradient effect
refs: #228, #216, #229 | commit details | show on GitHub |
| aliceafanasieva | dbad49d | feat(stylesheet):quick fixes on button
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 3d68a7a | feat(components): add button type 3 (text link) with hover underline and arrow icon
Refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 2b5abd0 | feat(components): add styling for button type 2 (icon-only)
Refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 00d781e | feat(components): add styleguide button tokens and base button variants (type 1–3), btn type 1 styling
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | eeaf49c | feat(colors): add styleguide color tokens, gradients, and semantic variables
(Also tested using the tokens in Hero.svelte)
Refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 9aaf5f7 | feat(typography): add global font faces and size scale tokens
Refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 3181277 | feat(styles): add base layout
Adding base layout tokens:
- Spacing
- Radius
- Shadows
- Motion (css animations)
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 0c1a3ed | feat(styles): CSS reset (addition)
The browser’s default styling neutralize, so your UI looks consistent in Chrome/Safari/Firefox.
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | d6855be | feat(styles): add CSS reset and base layout tokens
The browser’s default styling neutralize, so your UI looks consistent in Chrome/Safari/Firefox.
refs: #216 | commit details | show on GitHub |
| aliceafanasieva | 70d575c | chore(styles): create global stylesheet structure
refs: #216 | commit details | show on GitHub |
| Sebastiaan-hva | 66da264 | #224 feat: cursor pointer removed for non clickable elements | commit details | show on GitHub |
| Sebastiaan-hva | 232881d | #224 feat: gap/width changes | commit details | show on GitHub |
| Sebastiaan-hva | cc79390 | #224 feat: desktop img size increase | commit details | show on GitHub |
| Sebastiaan-hva | da015ec | #224 feat: Sponsor bar version 1 | commit details | show on GitHub |
| Sebastiaan-hva | c8a909c | #224 feat: added new images for scroll bar | commit details | show on GitHub |
| aliceafanasieva | c8ac7f6 | Update CONTRIBUTING.md | commit details | show on GitHub |