flayks
9de5aa16c9
[wip] Fix Shop posters layout on larger screens
2021-12-15 22:32:58 +01:00
flayks
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
flayks
ac03348349
Fix style and responsive issues
2021-12-14 23:19:46 +01:00
flayks
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
flayks
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
flayks
efb0c26500
Responsive fixes
2021-12-06 15:11:05 +01:00
flayks
0b772f26cb
Add transitions to missing pages and attempt to animate it better?
2021-12-06 15:10:39 +01:00
flayks
4a7edfe4d3
Add photo Viewer entering animation
2021-11-30 19:48:56 +01:00
flayks
cd0f25cd56
Make photo Viewer larger on smaller screens
2021-11-30 19:48:27 +01:00
flayks
45e9b3be3a
Put Viewer fullscreen over Switcher
2021-11-30 19:48:03 +01:00
flayks
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
flayks
305272ea7c
Center Location name for now
2021-11-25 23:30:59 +01:00
flayks
dd66c34b6a
Add close button to Viewer
2021-11-23 23:04:33 +01:00
flayks
35e8ea2d89
Implement Fullscreen for mobile on photo Viewer
2021-11-23 13:04:21 +01:00
flayks
ded276b8a0
✨ Add swipe gesture on photo Viewer
2021-11-22 23:21:51 +01:00
flayks
8e56d58b30
Change Photo viewer controls and ButtonCircle
2021-11-21 22:41:35 +01:00
flayks
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
flayks
77bd85b408
Adapt a little bit Location's page houses styling
2021-11-21 16:51:03 +01:00
flayks
8d487e0ef7
Use a picture element for Location illustration
...
Probably better for performances
2021-11-21 16:50:24 +01:00
flayks
00bf4f4aa0
Disable selecting Photo index
2021-11-20 21:40:22 +01:00
flayks
9236c3b1b5
Add hover on Location page pagination's progress
2021-11-18 22:07:10 +01:00
flayks
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
flayks
bf54dccd57
Fix World title W kerning on Homepage
2021-11-17 21:50:08 +01:00
flayks
d37a88f1ae
Add photos reveal on scroll and loading on Photos page
2021-11-17 21:49:27 +01:00
flayks
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
flayks
30b2cc3f16
Add Homepage entering animations
2021-11-16 22:35:48 +01:00
flayks
ed62030b29
Create a component for scrolling huge titles
2021-11-16 22:35:42 +01:00
flayks
b835d0f5f6
Add photo's city on Photo viewer
2021-11-14 19:52:30 +01:00
flayks
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
flayks
57fa3304f0
Fix Location page description buttons font-size
2021-11-11 00:01:11 +01:00
flayks
73c9e80a21
Use SVG icons from global symbols
...
Allow to change color and avoid code duplication
2021-11-10 22:57:50 +01:00
flayks
11ff9291d2
Destructure Shop stylesheets
2021-11-08 14:37:16 +01:00
flayks
f133c00522
Change Shop About section layout
2021-11-08 14:03:00 +01:00
flayks
7242027be9
Fix Shop intro responsive
2021-11-07 23:12:48 +01:00
flayks
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
flayks
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
flayks
e1c259164f
✨ Show a notification when adding a product to Cart
2021-11-07 20:18:19 +01:00
flayks
a3ead40a6d
Cleanup shop
2021-11-07 11:59:14 +01:00
flayks
910d973678
Reveal Shop header when scrolling past Intro block
2021-11-07 11:53:48 +01:00
flayks
f82505a54e
Use an atom for the Cart button
2021-11-07 11:53:18 +01:00
shelbykay
163fbe75db
Add cross (remove) icon to poster cart
2021-11-05 22:41:02 +01:00
shelbykay
460fe9420c
Create notification for cart
2021-11-05 22:40:15 +01:00
shelbykay
427a954a5b
Edit clamp width for cart
2021-11-05 22:35:17 +01:00
flayks
b8d1d6334c
Add Cart button and opening/closing transition
2021-11-05 12:45:30 +01:00
shelbykay
50835fa6f6
Create Aside for Cart
...
With Poster Cart component
2021-11-04 16:05:39 +01:00
flayks
99fe09c4fd
✨ Add data to Shop page
2021-10-31 19:38:08 +01:00
flayks
f5bb095dfb
Rework Shop's Intro part
2021-10-29 23:48:01 +02:00
shelbykay
141f9c6723
Shop WIP
2021-10-29 21:48:08 +02:00
shelbykay
68f9743f17
Create shop page
...
Make components: poster, poster product
2021-10-27 22:48:31 +02:00
flayks
7c4d890706
Add hover effect on Homepage collage PhotoCard
2021-10-25 23:44:45 +02:00