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
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
