82f5dd4727
[wip] Rework Shop
...
- Change strategy for content fetching
- Add a route per page instead of using __layout for all
- Change the behaviors of the posters section (add a carousel on small screens)
- Change Poster buttons styling and make interactions only for desktop
2021-12-14 23:23:12 +01:00
ac03348349
Fix style and responsive issues
2021-12-14 23:19:46 +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
f15a2f2e47
Add entering transition on Shop and fix some styling
...
- Center intro title vertically
- Cart item styling tweaks
- Add cart button quantity label inside of button so it's clickable
2021-12-06 22:14:02 +01:00
efb0c26500
Responsive fixes
2021-12-06 15:11:05 +01:00
0b772f26cb
Add transitions to missing pages and attempt to animate it better?
2021-12-06 15:10:39 +01:00
4a7edfe4d3
Add photo Viewer entering animation
2021-11-30 19:48:56 +01:00
cd0f25cd56
Make photo Viewer larger on smaller screens
2021-11-30 19:48:27 +01:00
45e9b3be3a
Put Viewer fullscreen over Switcher
2021-11-30 19:48:03 +01:00
2522233a0e
Add a parent to each photo on Viewer
...
Allows to animate the parent that has no transform/top
2021-11-30 19:47:42 +01:00
305272ea7c
Center Location name for now
2021-11-25 23:30:59 +01:00
dd66c34b6a
Add close button to Viewer
2021-11-23 23:04:33 +01:00
35e8ea2d89
Implement Fullscreen for mobile on photo Viewer
2021-11-23 13:04:21 +01:00
ded276b8a0
✨ Add swipe gesture on photo Viewer
2021-11-22 23:21:51 +01:00
8e56d58b30
Change Photo viewer controls and ButtonCircle
2021-11-21 22:41:35 +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
77bd85b408
Adapt a little bit Location's page houses styling
2021-11-21 16:51:03 +01:00
8d487e0ef7
Use a picture element for Location illustration
...
Probably better for performances
2021-11-21 16:50:24 +01:00
00bf4f4aa0
Disable selecting Photo index
2021-11-20 21:40:22 +01:00
9236c3b1b5
Add hover on Location page pagination's progress
2021-11-18 22:07:10 +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
bf54dccd57
Fix World title W kerning on Homepage
2021-11-17 21:50:08 +01:00
d37a88f1ae
Add photos reveal on scroll and loading on Photos page
2021-11-17 21:49:27 +01:00
873c2d94ac
Adapt style of Photos viewer
...
- Change opacities
- Change photo background
- Disable image selection (prepping for a swipe)
- Fix mobile x and y offsets
2021-11-17 20:02:39 +01:00
30b2cc3f16
Add Homepage entering animations
2021-11-16 22:35:48 +01:00
ed62030b29
Create a component for scrolling huge titles
2021-11-16 22:35:42 +01:00
b835d0f5f6
Add photo's city on Photo viewer
2021-11-14 19:52:30 +01:00
c0bd1ac516
🔥 Make the photo viewer completely working
...
Merci Grafikart 🙏
A whole bunch of headaches and challenges to load prev and next photos depending on the current one, while animating everything nicely.
Added lots of comments to document the logic and fetching.
2021-11-11 23:32:41 +01:00
57fa3304f0
Fix Location page description buttons font-size
2021-11-11 00:01:11 +01:00
73c9e80a21
Use SVG icons from global symbols
...
Allow to change color and avoid code duplication
2021-11-10 22:57:50 +01:00
11ff9291d2
Destructure Shop stylesheets
2021-11-08 14:37:16 +01:00
f133c00522
Change Shop About section layout
2021-11-08 14:03:00 +01:00
7242027be9
Fix Shop intro responsive
2021-11-07 23:12:48 +01:00
5923afed3b
Make Shop location switcher a component using a global store
...
Using two switchers (one in the shop nav and the other in the cart) makes possible to have the switcher over the Cart overlay (over intro)
2021-11-07 22:40:52 +01:00
f7457b5f8d
🔥 Finish Cart implementation
...
- Use Select component in CartItem to change quantity
- Visual update when removing or changing an item quantity
- API: Remove Cart item action
- API: Handle Cart item adding and updating (quantity)
2021-11-07 20:21:20 +01:00
e1c259164f
✨ Show a notification when adding a product to Cart
2021-11-07 20:18:19 +01:00
a3ead40a6d
Cleanup shop
2021-11-07 11:59:14 +01:00
910d973678
Reveal Shop header when scrolling past Intro block
2021-11-07 11:53:48 +01:00
f82505a54e
Use an atom for the Cart button
2021-11-07 11:53:18 +01:00
163fbe75db
Add cross (remove) icon to poster cart
2021-11-05 22:41:02 +01:00
460fe9420c
Create notification for cart
2021-11-05 22:40:15 +01:00
427a954a5b
Edit clamp width for cart
2021-11-05 22:35:17 +01:00
b8d1d6334c
Add Cart button and opening/closing transition
2021-11-05 12:45:30 +01:00
50835fa6f6
Create Aside for Cart
...
With Poster Cart component
2021-11-04 16:05:39 +01:00
99fe09c4fd
✨ Add data to Shop page
2021-10-31 19:38:08 +01:00
f5bb095dfb
Rework Shop's Intro part
2021-10-29 23:48:01 +02:00
141f9c6723
Shop WIP
2021-10-29 21:48:08 +02:00
68f9743f17
Create shop page
...
Make components: poster, poster product
2021-10-27 22:48:31 +02:00
7c4d890706
Add hover effect on Homepage collage PhotoCard
2021-10-25 23:44:45 +02:00
adc395b3f7
✨ Finish Photo viewer styling with responsive
2021-10-25 15:45:12 +02:00
