Commit Graph

76 Commits

Author SHA1 Message Date
91c55b46cf Fix some accessibility issues on links and buttons 2022-06-27 13:57:54 +02:00
c9053f9757 👀 Rework how House index is displayed
Use grids to place the index instead of position absolute
Add a condition if the index starts with 1 as it has a quite smaller width
2022-06-27 13:28:58 +02:00
453583c189 Add link to see map on House location 2022-06-27 11:31:44 +02:00
ea7360cae4 Fix location page Of animation timing 2022-06-24 12:28:10 +02:00
3e13a86581 Handle inexistant location page 2022-06-24 12:26:56 +02:00
dc4eaca312 Revert and fix location page styling (woops)
Forgot that one! 🫢
2022-06-23 20:08:10 +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
565c1c2be9 Cleanup some (unused) code 2022-06-22 23:22:16 +02:00
f0173bb828 Remove unused code and refactor types importing 2022-06-22 23:16:34 +02:00
deb0c1d708 Remove lazy loading on location illustration 2022-06-20 16:39:19 +02:00
7d4899fa48 Keep original photos ratio if not 3/2 on Viewer
- Fix previousPage usage
- Fix entering animation timings and previous photo navigation
- Add fade transition on fullscreen viewer for mobile
- Display date only if existing
2022-06-14 23:14:12 +02:00
d5b860da03 Rework Location page photos ratio and hover
Defines if the photo is under 3/2 by calculating ratio from width and height
2022-06-13 23:34:33 +02:00
0272e7ed18 Various fixes for Location page 2022-06-13 18:30:42 +02:00
615f7df4a1 Force 3/2 format for non landscape photos on Location page
Center image on a background when square, portrait or other ratio
- Fix MutuationObserver for using components (would think a component is an item)
2022-06-13 18:30:26 +02:00
157b50f36c Use House component 2022-06-13 15:59:34 +02:00
622e304efa Store previous page globally from beforeNavigate 2022-06-13 14:21:23 +02:00
29165717fc Rename Shop and Newsletter modules files 2022-06-07 16:36:08 +02:00
d3f74be59e Run page animations onMount instead of browser 2022-05-30 21:57:04 +02:00
7a165721d9 [chore] Switch rest of page endpoints 2022-05-30 21:54:43 +02:00
1344f25092 Only use Month and Year for photo date 2022-01-31 19:04:45 +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
4a7edfe4d3 Add photo Viewer entering animation 2021-11-30 19:48:56 +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
47fee17eb8 Close Photo viewer when pressing Escape key 2021-11-30 18:13:58 +01:00
f8fe141505 Use page transition component to avoid repetition on main 2021-11-30 00:23:36 +01:00
02f0815751 Store previous page for photo Viewer close button 2021-11-29 23:52:40 +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
ac8c49d954 Prepend 0 to index if under 10 on Photo Viewer 2021-11-22 23:18:47 +01:00
8e56d58b30 Change Photo viewer controls and ButtonCircle 2021-11-21 22:41:35 +01:00
8d487e0ef7 Use a picture element for Location illustration
Probably better for performances
2021-11-21 16:50:24 +01:00
fd871d55f9 Reveal photos on scroll on Location page 2021-11-18 22:06:48 +01:00
7900c124d2 Add Location page entering animation 2021-11-17 21:54:36 +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
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
4714c111ca Shop Location page poster button only if existing 2021-11-17 19:26:46 +01:00
ac40eedb2f Use sveltekit:noscroll/prefetch on internal links 2021-11-17 19:25:59 +01:00
c9c028118b Cleanup code
- Remove unused props
- Add alt to icon on BoxCTA
2021-11-14 19:56:11 +01:00
8dd59e74d4 Check for illustration on location page 2021-11-14 19:52:46 +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
f7af2aa8f3 Add city to House info if existing 2021-11-10 23:55:48 +01:00
17af949e8e Add Shop poster link on location page 2021-11-10 22:58:07 +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
a88359c468 Fix pink light buttons 2021-11-08 12:14:53 +01:00