Commit Graph

61 Commits

Author SHA1 Message Date
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
f771a73b67 [wip] Switch from Anime to Motion One for page animations 2022-08-14 00:45:44 +02:00
c91166d548 Use Svelte shorthand for CSS variables declaration 2022-08-01 21:00:08 +02:00
c0a1514c57 Fix random things 2022-07-07 14:16:09 +02:00
cdabe6935b 🔥 Huge style refactoring by using SvelteKit built-in style tag
It's been tricky but got there finally! Hello `:global`
- Avoid using one global CSS file containing everything
- Import the component SCSS file in a script tag from the component file to allow style scoping and including it only when used
2022-06-22 23:26:00 +02:00
f0173bb828 Remove unused code and refactor types importing 2022-06-22 23:16:34 +02:00
29165717fc Rename Shop and Newsletter modules files 2022-06-07 16:36:08 +02:00
1126c1f76c Add SEO on some pages 2022-05-30 21:57:25 +02:00
d3f74be59e Run page animations onMount instead of browser 2022-05-30 21:57:04 +02:00
c406278baf [chore] Switch Homepage and Photos to page endpoints 2022-05-30 20:47:31 +02:00
2ec810b932 Misc fixes 2022-01-18 17:05:11 +01:00
088e2454bc Add moving earth icon and Fix icons/buttons 2022-01-18 17:04:07 +01:00
729138cffb [chore] Update npm packages and fix errors/run migrations 2022-01-03 20:12:22 +01:00
06db598b90 Use PageTransition component on every route
- Scrolls back to top when mounting new page with a timeout of the delay
- Rename photo Viewer class
- Change Shop posters section text from p to label
2021-12-07 21:58:17 +01:00
0b772f26cb Add transitions to missing pages and attempt to animate it better? 2021-12-06 15:10:39 +01:00
8ac954b1a2 Add tabindex to elements for better keyboard navigation 2021-12-06 15:03:41 +01:00
f8fe141505 Use page transition component to avoid repetition on main 2021-11-30 00:23:36 +01:00
89234e6e52 Fix sizeKey on Image without sizes 2021-11-28 23:08:13 +01:00
fcb70d4bc0 Add Photos page entering animation 2021-11-23 23:05:07 +01:00
bec2c0879b Fix Photos grid's filter bar coming down when scrolling back up
Merci Grafikart !
The idea is to use a transitioning class that we apply after a little delay so we don't have the jumpy transition when scrolling down.
2021-11-21 19:48:53 +01:00
887d4b6a82 Manually go to filtered url with urls on Photos
Using a reactive variable would trigger the `goto` by coming to the page and cause issues
2021-11-21 19:47:34 +01:00
1a48d408ab Adding comments for Photos page's filters handling issue 2021-11-21 13:40:52 +01:00
fd871d55f9 Reveal photos on scroll on Location page 2021-11-18 22:06:48 +01:00
8b4070aeb2 🐛 Setup page transitions
Bugged for some reason, the old page stays before the new page loading at the end
2021-11-17 21:54:22 +01:00
85ee5fc2b7 Fix Photos page current page when changing filter 2021-11-17 21:49:39 +01:00
d37a88f1ae Add photos reveal on scroll and loading on Photos page 2021-11-17 21:49:27 +01:00
ac40eedb2f Use sveltekit:noscroll/prefetch on internal links 2021-11-17 19:25:59 +01:00
cf6afd832e Add photo's city to Postcard on Photos grid 2021-11-14 19:51:58 +01:00
726aa60a06 Cleanup Photos page code 2021-10-24 15:30:06 +02:00
fd04d98463 Change max sides margin depending on window width when scrolling
Running it on window scroll avoids a flash effect on and is more optimized as it is not ran every time scrollY changes
2021-10-24 15:29:57 +02:00
18726f6798 Define small PostCard from photo index 2021-10-24 15:10:59 +02:00
eb026cabad Fix Photos page reactivity when changing country 2021-10-23 15:34:28 +02:00
ecacc0c1a1 Rework buttons classes and variants
Add a conditional class and list props as BEM class modifiers
2021-10-19 17:19:53 +02:00
d9648f7513 Add large size buttons variant and make disabled state global 2021-10-18 11:14:02 +02:00
7ca8366cd5 Use map function to define the side margins on Photos page
Also defines the amount of viewport from the screen width to height ratio for small screens

Merci @sixclones et @raphael! (devs slack)
2021-10-18 11:13:55 +02:00
f29b4c3bb0 🔥 Use Directus Storage Assets Presets only for images
Block the generation of other image sizes from the URL

TODO: Block the access to root asset url as it still displays the original file
2021-10-17 22:17:52 +02:00
56857fe30d Don't put Globe above everything 2021-10-17 19:50:50 +02:00
2ea5cbecda Make PostCard content dynamic 2021-10-14 23:19:09 +02:00
2ed411a94e 🔥 Implement sizes with Image component and webp loading with source 2021-10-13 23:33:07 +02:00
f9937f6c9a [bug] Import dayjs plugins with js extension 2021-10-12 23:01:55 +02:00
db8f984739 [wip] Add reducing side margin effect on Photos when scrolling 2021-10-12 22:12:24 +02:00
ee851f2cfa 🔥 Make Photos page completely dynamic with filters
- The page now reacts properly with default Select options (`default` was used to set current instead of `selected`)
- Make `filtered` variable reactive from filterCountry/filterSort
- Reset link goes to parameters and not just `/photos`
- Show latest updated date from first photo of the `photos` data
- Display the total of photo depending on the country (calculated from `__layout`)
2021-10-12 00:17:04 +02:00
80a972253f Use stuff on page load function 2021-10-12 00:06:14 +02:00
cd2b234728 Rename global data arrays as plural by default
Easier for each loop and maps as to use singular
2021-10-12 00:05:35 +02:00
8aa3ddfe35 🔥 Load new photos on Location page 2021-10-09 22:24:37 +02:00
dd760ebf89 Use env settings for default filters 2021-10-09 21:35:47 +02:00
6ef8e41c80 🔥 Update Photos content when changing filters 2021-10-09 19:20:41 +02:00
fd150e252c [wip] Implement photos loading and make everything dynamic
- Handle what happens when we click on Load more photos (detect if can load next or if reached the end)
- Show the current and total amount of photos (WIP as it apparently can't be filtered for aggregated)
- See filtered photos from URL when coming directly
- Disable button when all photos has been seen
- Show message if location doesn't exist
2021-10-09 18:59:45 +02:00
8b0de919d8 [wip] Make Select filters reactive 2021-10-08 23:33:41 +02:00
3679ac9432 Prepare tasks todo for fetching data on Photos page 2021-10-05 23:41:11 +02:00