Commit Graph

1186 Commits

Author SHA1 Message Date
flayks 9f6bf8d97a Fix Photos page data reactivity and IntersectionObserver rootmargin 2022-08-31 18:35:46 +02:00
flayks 1de3c717b2 Move data-sveltekit-* attributes to parent level when possible 2022-08-31 12:41:16 +02:00
flayks 3618414aa0 Update stuff regarding to latest SvelteKit updates 2022-08-30 09:21:13 +02:00
flayks 4198d2cd1f Fix Globe width condition 2022-08-29 22:50:08 +02:00
flayks 919abcfc8b Remove role on text 2022-08-29 20:05:14 +02:00
flayks cb0f0e8b5d [chore] Update npm packages 2022-08-29 19:41:51 +02:00
flayks aa67a65fb1 Use small size for About photos grid
Why was I loading such a big image when they need to be quite small?!
2022-08-29 19:39:01 +02:00
flayks 892fc105c0 Play About Step video only when visible 2022-08-29 19:38:31 +02:00
flayks 5b53b7dc52 Add Globe without markers on About Intention section 2022-08-29 18:38:59 +02:00
flayks 1a16e12e14 Detect media on About Process Step, Visual fixes 2022-08-29 18:38:42 +02:00
flayks ea6cfa2ee2 [wip] Add width, speed and pane options for Globe 2022-08-29 18:36:51 +02:00
flayks eec3049a2c Put About Purpose section on grid 2022-08-29 14:21:55 +02:00
flayks f0a7e9f38d Define vh CSS variable from viewport height 2022-08-29 14:21:06 +02:00
flayks 5ed7142e9e Add faded photos grid and page description on About 2022-08-29 13:20:30 +02:00
flayks a6bbc0c695 [chore] Update npm packages 2022-08-29 11:11:59 +02:00
flayks 21dd85940b Update SvelteKit and breaking imports 2022-08-27 23:16:34 +02:00
flayks b87e1f8a56 [chore] Update npm packages 2022-08-26 10:23:01 +02:00
flayks 7fe9866df3 Reveal nav past intro earlier 2022-08-26 10:05:11 +02:00
flayks ec2d27f62c Fix current location in switcher on Product page 2022-08-26 10:03:09 +02:00
flayks abebe76859 [chore] Update npm packages 2022-08-24 20:45:17 +02:00
flayks e86a8d4ccd Adjust About page photos parallax values 2022-08-21 12:36:35 +02:00
flayks 1057c5728a Fix some responsive font sizes and margins 2022-08-21 11:52:24 +02:00
flayks 2fd2d252ca Allow Image component to not use async decoding 2022-08-21 11:44:55 +02:00
flayks 0f6ab4a63a [chore] Update npm packages 2022-08-20 23:19:33 +02:00
flayks 1452edaa83 Create Terms page 2022-08-20 23:19:19 +02:00
flayks d7cab1f013 Destructurate page data 2022-08-18 23:23:57 +02:00
flayks 2539834ce1 Finish About page
Add entering and scroll animations
2022-08-18 23:20:48 +02:00
flayks 97fcf8c60c Update config files and npm packages 2022-08-18 20:08:23 +02:00
flayks 44bda1a939 Fix API url condition 2022-08-17 22:30:59 +02:00
flayks a43c6393df Kill a bug 🐛 Checking for /api/data to only load photos on client
Server would also load an api route, which… does not really exist
2022-08-16 21:40:43 +02:00
flayks 0e6aaaa4e2 Make GraphQL queries more compact 2022-08-16 21:17:14 +02:00
flayks 52e0407700 Why an error again…? 2022-08-16 20:48:01 +02:00
flayks 42e9029da8 Switch back to VITE env variable for API token
Can't find a way around… but this works!
2022-08-16 20:40:57 +02:00
flayks 4a79015ec4 Remove errors on pages 2022-08-16 20:32:14 +02:00
flayks 93a50770d0 Move API fetch data to different file
Sharing multiple exportable functions in one file impacts the use of private env variables 🤷
2022-08-16 20:00:52 +02:00
flayks 6e904850aa 🚧 Migrate env variables to use internal SvelteKit system
Some API fetching function rewriting needed as privates cannot be included into public code
2022-08-16 16:58:57 +02:00
flayks 5e5c08ddd1 🚧 Migrate to new SvelteKit routing system
A bit annoying but for the best I guess?
2022-08-16 15:54:15 +02:00
flayks cf2becc931 Create reveal animation for About page Purpose section
Using Motion One inView for detecting and toggling class 🤌
2022-08-14 23:45:28 +02:00
flayks 1163ba61f5 Add latest issue part on Subscribe page and Create component for Issue 2022-08-14 23:01:56 +02:00
flayks 57f1dca240 Remove unused code 2022-08-14 22:59:28 +02:00
flayks fd6fc20b13 Finish to replace Anime with Motion One for page animations
Page intro animation and reveal that has now been simplified as Motion One manages an inView option (that uses IntersectionObserver)
2022-08-14 20:24:28 +02:00
flayks fa74e5bf7f Move get asset function into same API file 2022-08-14 19:21:49 +02:00
flayks f504b45957 Update humans.txt 2022-08-14 00:45:53 +02:00
flayks f771a73b67 [wip] Switch from Anime to Motion One for page animations 2022-08-14 00:45:44 +02:00
flayks a044cf3939 [chore] Update npm packages 2022-08-13 23:39:24 +02:00
flayks 8524a83199 Move easings into global file 2022-08-13 23:38:59 +02:00
flayks 222db0c478 Move types to global app file 2022-08-13 23:38:06 +02:00
flayks f688928757 Make About page stacking card scroll effect
Using Motion One example, thanks to https://codepen.io/bramus/pen/rNdzpZK (by Bramus)
2022-08-13 16:10:01 +02:00
flayks 4a83ade94b [wip] Create cropped version of Globe2?
Probably not ideal as the canvas is still bigger, mostly styling for now
2022-08-11 23:28:43 +02:00
flayks 35d0b1d17f [chore] Update npm packages 2022-08-11 23:08:45 +02:00