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