Commit Graph

24 Commits

Author SHA1 Message Date
636685c86e Fix carousel buttons snap scroll when hovering areas
Buttons would trigger a nasty scroll due to the `.focus` on them on hover
2020-03-06 11:08:52 +01:00
debf8bb747 Avoid route change scroll when clicking on links
sapper-noscroll here for the rescue, keeps the scroll position and loads the new page content
2020-03-06 11:06:35 +01:00
a7831d2202 Add error page 2020-03-03 17:41:06 +01:00
d823f28054 Restructure utility files, Use a bundle.css to fix CSS issues
All checks were successful
continuous-integration/drone/push Build is passing
2020-03-03 15:36:57 +01:00
2ebf3ea8d2 Fix links rel when using target blank on links 2020-03-03 10:55:08 +01:00
804880a908 Temporary browsable Carousel on photo page
Stuff to be fixed/work on:
- Why is currentPhoto only triggered at the second photo and not the first?
- popState events (prev/next on browser) not working - detect URL changes and change the currentIndex
2020-03-02 22:30:36 +01:00
1db9217cd0 Use a component for the pagination
Make the component and the page communicate with events to add more photos
2020-03-02 22:27:39 +01:00
faa16d1b16 Fix BEM misuse 2020-02-29 19:19:25 +01:00
76c8c31c89 Readapt the misuse of BEM, Code organization
- -- is only for a modifier, not a child "child". Use master__child without the parent__ in it to make it more readable.
https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/
- Redefine atom design components
2020-02-29 18:32:32 +01:00
fd45ce1731 Carousel: Rewrite some classes 2020-02-29 10:47:46 +01:00
3857223a54 Carousel: Working dots 2020-02-27 23:06:52 +01:00
898b8bd830 Change name of function 2020-02-27 23:05:55 +01:00
c9fd287609 Locations: Use a reusable throttled function 2020-02-26 16:05:35 +01:00
fab89736ed Carousel: Add a transition on title when changing photo 2020-02-26 15:58:22 +01:00
c9b1f63c64 Fix the locations list filters and add reveal transitions
Typically add a delay between two click (Limiter) to click again. Thanks Nico!
2020-02-26 15:56:22 +01:00
afb087408c Optimize components
- Use class attribute over className
- Code cleaning
2020-02-26 15:49:56 +01:00
b084629b37 Title and other CSS fixes 2020-02-20 19:03:47 +01:00
f1af0806f1 WIP for the locations list
Needs some fixes for the appearing items
2020-02-17 22:39:40 +01:00
6fb6937c1a Create a functioning carousel
Thanks a million to Grafikart!
2020-02-17 22:33:44 +01:00
3badc0c1d6 Load different images sizes depending on the screen size
Use responsive images `<picture>` to load different sizes
2020-02-14 12:38:48 +01:00
450de171e6 Code optimization and fixes 2020-02-14 12:37:35 +01:00
dfcc3f9f7a Carousel: Create a bigger hover/click area for controls 2020-02-14 10:13:20 +01:00
ef23d90eb6 WIP 2020-02-13 22:24:28 +01:00
9b0c154f61 WIP React > Svelte
Put most of the developed design into Svelte
2020-02-11 15:09:32 +01:00