cdbed98 Show on GitHub

  • Author: Sebastiaan
  • Date: 1/16/2026, 1:06:37 PM
  • Message: 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
  • Stats: 1055 total changes (+762 / -293)

Changed Files

  • src/lib/components/molecules/gridarticle/GridArticle.svelte — +26 / -63 (89 changes)
  • src/lib/components/organisms/exhibitions/Exhibitions.svelte — +12 / -24 (36 changes)
  • src/lib/components/organisms/footer/Footer.svelte — +6 / -1 (7 changes)
  • src/lib/components/organisms/hero/Hero.svelte — +170 / -154 (324 changes)
  • src/lib/components/organisms/navbar/NavBar.svelte — +3 / -3 (6 changes)
  • src/lib/components/organisms/onlinecatalog/OnlineCatalog.svelte — +8 / -25 (33 changes)
  • src/lib/styles/global-styles.css — +533 / -0 (533 changes)
  • src/routes/+layout.svelte — +4 / -23 (27 changes)
  • static/images/hero/background-1-1600.avif — +0 / -0 (0 changes)
  • static/images/hero/background-1-1600.webp — +0 / -0 (0 changes)
  • static/images/hero/background-1-1920.avif — +0 / -0 (0 changes)
  • static/images/hero/background-1-1920.webp — +0 / -0 (0 changes)
  • static/images/hero/background-1-960.avif — +0 / -0 (0 changes)
  • static/images/hero/background-1-960.webp — +0 / -0 (0 changes)
  • static/images/hero/background-1.png — +0 / -0 (0 changes)
  • static/images/hero/background-2-1600.avif — +0 / -0 (0 changes)
  • static/images/hero/background-2-1600.webp — +0 / -0 (0 changes)
  • static/images/hero/background-2-1920.avif — +0 / -0 (0 changes)
  • static/images/hero/background-2-1920.webp — +0 / -0 (0 changes)
  • static/images/hero/background-2-960.avif — +0 / -0 (0 changes)
  • static/images/hero/background-2-960.webp — +0 / -0 (0 changes)
  • static/images/hero/background-2.png — +0 / -0 (0 changes)
  • static/images/hero/background-3-1600.avif — +0 / -0 (0 changes)
  • static/images/hero/background-3-1600.webp — +0 / -0 (0 changes)
  • static/images/hero/background-3-1920.avif — +0 / -0 (0 changes)
  • static/images/hero/background-3-1920.webp — +0 / -0 (0 changes)
  • static/images/hero/background-3-960.avif — +0 / -0 (0 changes)
  • static/images/hero/background-3-960.webp — +0 / -0 (0 changes)
  • static/images/hero/background-3.png — +0 / -0 (0 changes)