13ac133db6
Add cursors on links
2020-04-09 10:48:31 +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
2170cd2e57
Fix some responsive and scrolling issues
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
730eb75457
WIP attempt to fix page transitions, Several edits
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +02:00
0635b65abf
Add Fullscreen in viewer, Track links with Google Analytics, Use .env file
...
continuous-integration/drone/push Build is passing
- Fullscreen is a component that watches a store value set by the Carousel component on a picture click
- Use a .env file for API and website related settings and informations
- Google Analytics is now in place, tracking each routes link and viewer photo change
2020-03-28 15:21:51 +01:00
5defbcfad6
Carousel: Fix counter text alignment
2020-03-26 19:48:17 +01:00
94a93bbcd5
Set circles heights to 100% over 50vh
...
continuous-integration/drone/push Build is failing
Depending on the viewport height, it could break the shape
2020-03-11 10:49:15 +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
ebafb359ae
Button control: Add Hover classes (triggered by JS)
continuous-integration/drone/push Build is passing
2020-03-06 11:15:45 +01:00
9a5c8a135e
Buttons: Change text direction on hover
2020-03-06 11:14:13 +01:00
e6724bee6e
Globe Icon: Add animated default state
2020-03-06 11:10:18 +01:00
b294800f34
Fix toggle layout buttons hovers
2020-03-03 17:41:37 +01:00
455f3d65de
Use classes for SVG globe icons
2020-03-03 10:54:24 +01:00
6a58938e71
Rework a little the toggle buttons animations
2020-03-02 22:25:31 +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
631a3e6ccb
Rethink buttons hover transitions
2020-02-29 10:46:41 +01:00
b5369b66a8
Fix button style on mobile
2020-02-27 23:07:04 +01:00
e212829db5
Add a link with a translate transirion
2020-02-27 23:05:42 +01:00
b084629b37
Title and other CSS fixes
2020-02-20 19:03:47 +01:00
2fe870847a
Button control dashed: Fix SVG size for mobile
2020-02-20 19:03:15 +01:00
615182d6fb
Add parallax and reveal effects + performances on transitions
2020-02-17 22:38:51 +01:00
7c3d782260
Switcher: Add a link to homepage
2020-02-14 12:39:20 +01:00
29f6e7e645
Button: Fix the spacing with an icon
2020-02-14 12:35:38 +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