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
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
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
style(navbar): refine sidepanel layout and animations
Adjust sidepanel transitions to use transform and opacity, enable
vertical scrolling, and animate the inner content. Update the footer
to stick to the bottom with margin-top:auto and consistent padding,
and tweak header spacing to match the visual design.
refs: #176
refactor(navbar): remove checkbox-based toggle implementation
Delete lang-toggle and nav-toggle checkbox inputs and their related CSS,
including :checked selectors for the hamburger icon and sidepanel.
Keep only button-based controls so the component relies on JS state
instead of CSS hacks.
refs #176
feat(navbar): add JS-driven toggles for language and sidepanel
Introduce isLangOpen / isSidepanelOpen state and use Svelte event handlers to control the language menu and sidepanel. Replace implicit checkbox behavior with explicit aria-expanded attributes and a window click handler to close open menus.
refs: #176
fix(exhibitions): refine layout and spacing
- Adjusted CSS to match Figma design more
- Update section heading style
- Adjust header alignment and spacing for better desktop/mobile balance
- Add min/max height to main image for consistent image size
- Reposition overlay card and border-radius to match Figma design
fix(layout): correct spacing in exhibitions and footer
Adjust Exhibitions and Footer components width and margins to match design and remove unintended extra whitespace.
refs: #184
