fix: add hover feedback to language selector label
- added hover styling to .lang__label for better user feedback
- applied consistent opacity change on caret and text
refs: #147
feat(slidepanel): animation and styling improvement
- slight dropshadow to sidepanel
- added opacity transition to sidepanel for smoother opening effect
- added pointer-events locking when panel is closed
refs: #147
feat: responsive slidepanel navigation
- added CSS-only hamburger toggle, for progressive enhancement (support without javascript on)
- added hamburger-to-X animation
- built slidepanel including search field, navigation items, and footer
- set mobile width to 100vw for full-screen overlay
- from 650px upward, applied responsive width min(400px, 85vw) for tablet/desktop
- integrated with existing header, language selector, and desktop navigation
feat(navbar): add CSS-only language dropdown
Implemented a fully CSS-driven language selector:
- added checkbox-based toggle mechanism for EN/NL dropdown
- added caret SVG that rotates 180° when the dropdown is open
- added dropdown menu markup with EN/NL language links
- styled dropdown menu positioning, spacing and hover states
Refs: #147
refactor(navbar): restructure header layout and update styling for solid non-transparent navbar
Reworked the HTML structure of the navigation header:
- replaced old multi-section layout with a single-row structure
(header__logo, header__center, header__right)
- removed obsolete nav__content, nav__top and mobile list blocks
- normalized SVG icons for alignment
Updated the CSS:
- removed transparent gradient and blur; navbar now uses solid background
- reduced overall header height using padding instead of fixed height
- implemented new flex layout for proper spacing and centering
- updated logo sizing and link alignment
- removed unused selectors and outdated styles
Refs: #147
feat(hero): add info__line section and new button structure with SVG + arrow-circle
- Toegevoegd <section class="info__line"> met adres & openingstijden en styling.
- Toevoegen van responsiveness
refs: #105
style(navbar): adjust blur strength and gradient transparency for softer visual layering
- Reduced backdrop blur from 50px to 10px for a more subtle glass effect and refined the linear gradient for smoother transparency transition.
- Slightly increased top padding for better visual balance in the navigation bar.
refs #104
style(hero): add responsive breakpoints for tablet and desktop
- Implemented responsive behavior for .hero height, heading sizes, and spacing.
Adjusted layout for optimal readability across mobile, tablet, and desktop viewports.
refs #105
style(hero): add hero content positioning and typography
- Added .hero__content container and text styling for headings.
- Add “Night Mango” display font and adjusted font sizes, weights, and spacing for visual hierarchy.
refs #105
feat(hero): add base hero section layout and background
- Added the main .hero section container with flex layout, full viewport height, left aligned content, and background image.
- Added ::before overlay for dark filter effect.
refs #105
feat(navbar): responsive gemaakt en headerhoogte geoptimaliseerd
- Headerhoogte aangepast met transition en clamp() voor vloeiendere scaling
- .lang en .search standaard verborgen op kleine schermen, zichtbaar vanaf 700px
- .nav__list verborgen op kleine schermen, verschijnt vanaf 1000px breedte
- Media queries toegevoegd voor responsieve layout-aanpassingen
- Cursor-pointer toegevoegd aan .lang en .hamburger
- Kleine CSS-herstructurering en spacing verbeteringen voor mobiele weergave
Bestand:
- src/lib/components/NavBar.svelte
Refs: #104
feat(navbar): language en search gestyled volgens Figma-ontwerp
- SVG-pijl toegevoegd aan .lang
- Searchbar gestyled: transparante achtergrond, witte onderlijn
- Responsive breedte voor inputveld via clamp()
- Fontgroottes en uitlijning binnen .nav__top verbeterd
- Kleine CSS-herstructurering
feat(navbar): verticale uitlijning en typografie verbeterd in navigatie
- Navigatie-items beter gecentreerd binnen header
- Flex-structuur van .nav met column layout en spacing via gap
- Lettergrootte responsief gemaakt met @media-query
- Kleine correcties aan marges en text wrapping toegevoegd
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(navbar): basis navigation menu styling met responsive logo en gradient achtergrond
- Eerste CSS-styling geïmplementeerd:
- Linear gradient voor semi-transparant achtergrond
- Backdrop blur (50px) voor blurry effect
- Responsive logo met clamp() en object-fit: contain
- Flex layout voor header en navigatiegroepen
- Font en kleur van navigatie bar is consistent met styleguide (wit op donkere achtergrond)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(header): basis HTML-structuur toegevoegd voor navigatie menu
- Header en navigatie opgezet met semantische HTML
- Logo, language, zoekveld en hamburger-menu toegevoegd
- Eerste versie van menu-items (tickets, bezoekersinfo, collectie, etc.)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
