60fdf02112
Photo: Tweak reveal animations and fix horizontal scroll
...
- Photo number doesn't jumps anymore (now reveals based on photo not the number)
- Properly reveal title locations lines
- Optimize code
2020-04-06 12:14:48 +02:00
bd9b91f480
⚠️ Fix most animations/transitions performance issues
...
continuous-integration/drone/push Build is passing
- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP
2020-04-05 16:07:44 +02:00
7d8285ac6d
Photo: Fix number positioning and parallax effect
continuous-integration/drone/push Build is passing
2020-03-25 12:28:47 +01:00
debd9a41c1
Place: Add photo Transition In, Add Illustration system, Visual fixes
...
- Add a transition in on each photo component (scale down + fade in), TODO: Parallax on number
- Illustration takes two images and changes the source depending on the viewport size
2020-03-10 21:25:48 +01:00
97256639c4
Fix photo CSS and hover
2020-03-01 12:17:04 +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
52e65ed8df
Photos styling fixes
2020-02-20 19:02:40 +01:00
615182d6fb
Add parallax and reveal effects + performances on transitions
2020-02-17 22:38:51 +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
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
