Sebastiaan-hva95dac73Merge branch 'dev' into 233-feature-fix-the-footersvelte-componentcommit details show on GitHub Sebastiaan-hva0589f9eUpdate package-lock.jsoncommit details show on GitHub Sebastiaan-hvacdbed98Squashed 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: #216commit details show on GitHub aliceafanasieva956b022Merge pull request #239 from fdnd-agency/responsive-hero-fixes
feat(hero): make hero layout responsive with a fixed content areacommit details show on GitHub aliceafanasieva3602607Merge branch 'dev' into responsive-hero-fixescommit details show on GitHub aliceafanasieva17b9267perf(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 #237commit details show on GitHub Sebastiaan-hvab50f195#233 feat: .footer-info margin-top increase
feedback from @aliceafanasieva so it better fits the design.commit details show on GitHub aliceafanasievaa7ee421Merge pull request #238 from fdnd-agency/216-global-css-stylesheet
Global css stylesheetcommit details show on GitHub aliceafanasievae155441chore(style): naming changes
refs: #238 #238commit details show on GitHub aliceafanasieva99a5718style(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 #238commit details show on GitHub aliceafanasievaee79fd4refactor(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, #238commit details show on GitHub aliceafanasievabebf6e1refactor(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 #216commit details show on GitHub aliceafanasievab7508acrefactor(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 #238commit details show on GitHub aliceafanasievae499b12feat(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
#237commit details show on GitHub aliceafanasievac1c2ae6style(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, #231commit details show on GitHub aliceafanasievad2ba65estyle(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 #231commit details show on GitHub Sebastiaan-hvaa659d37#233 added title to document for better A11Ycommit details show on GitHub Sebastiaan-hva9a4ce04#233 feat: changed it so it better fit design
see issue #233commit details show on GitHub Sebastiaan-hvaa143663Merge pull request #234 from fdnd-agency/224-feature-sponser-bar-with-horizontal-scroll-animation
224 feature sponser bar with horizontal scroll animationcommit details show on GitHub Sebastiaan-hvaee66b54#224 feat: VSC crashed so had to recommitcommit details show on GitHub Sebastiaan-hvaa8a37a3Revert "#224 feat: commit didn't go through because of VSC crashing"
This reverts commit 8a64eb0f4d5d5b3a99e765a437f6680b611b9394.commit details show on GitHub Sebastiaan-hva8a64eb0#224 feat: commit didn't go through because of VSC crashingcommit details show on GitHub Sebastiaan-hva254fed5#224 feat: added prefers reduced motion & fixed spacing issue'scommit details show on GitHub aliceafanasievae8df3b3feat(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, #230commit details show on GitHub aliceafanasieva59050affix(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, #216commit details show on GitHub aliceafanasievad407fd7fix(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, #229commit details show on GitHub aliceafanasievaa675db4feat(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, #229commit details show on GitHub aliceafanasievadbad49dfeat(stylesheet):quick fixes on button
refs: #216commit details show on GitHub aliceafanasieva3d68a7afeat(components): add button type 3 (text link) with hover underline and arrow icon
Refs: #216commit details show on GitHub aliceafanasieva2b5abd0feat(components): add styling for button type 2 (icon-only)
Refs: #216commit details show on GitHub 
