8aa2524e7f
Cleanup
2020-03-11 17:23:58 +01:00
8c9000a7c9
Carousel: Fix animation import
continuous-integration/drone/push Build is passing
2020-03-11 15:02:38 +01:00
cc0d6c1dcd
Carousel: Use the counter as a component
...
- Add animation when changing photos
- Reusable and scalable to more than XX photos
2020-03-10 21:22:53 +01:00
a60a67a892
Scope animations
2020-03-10 21:18:25 +01:00
9ffc210c02
WIP Animations all over site
...
- Run a transition In for each page
- Involve a "loader" panel on page change
- TODO: tweak the animations and finish the concept
2020-03-06 14:22:51 +01:00
adf2563eb8
Reorganise functions, Use custom Format Date/Relative Time over dayjs
2020-03-06 14:14:17 +01:00
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
d823f28054
Restructure utility files, Use a bundle.css to fix CSS issues
continuous-integration/drone/push Build is passing
2020-03-03 15:36:57 +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
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
fab89736ed
Carousel: Add a transition on title when changing photo
2020-02-26 15:58:22 +01:00
afb087408c
Optimize components
...
- Use class attribute over className
- Code cleaning
2020-02-26 15:49:56 +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
