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
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
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
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
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
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
Merge pull request #234 from fdnd-agency/224-feature-sponser-bar-with-horizontal-scroll-animation
224 feature sponser bar with horizontal scroll animation
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
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
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
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
feat(animation): add GSAP intro timeline for hero content
Import GSAP in Hero.svelte and create a heroTl timeline that animates the
hero content, arrow navigation and info line smoothly into view on mount.
refs #193
style(hero): update hero layout and info line to match design
Adjust hero overlay, slide stacking, typography and spacing. Restructure the
info line with CTA button and opening times, and update responsive styles
to align with the new hero design.
refs #193
feat(hero): implement image slideshow with navigation controls
Refactor Hero.svelte to use a slides array with dynamic background images.
Add current index state, auto-advance interval, and previous/next arrow
navigation with slide counter.
refs #193
chore(assets): add hero background images for slideshow
Replaced hero background image with the new background-1/2/3 images to be used in slideshow.
refs #193
refactor(navbar): update sidepanel layout and footer position
Make the sidepanel inner container full height and relative, and reposition
the sidepanel footer absolutely at the bottom-right.
refs #192
feat(header): add translucent blurred background
Change header background to a semi-transparent overlay and add backdrop blur to match the new glassmorphism header design.
refs #192
