Commit Graph

17 Commits

Author SHA1 Message Date
57a12487a3 Add responsive on Homepage elements 2021-10-01 23:43:00 +02:00
2aae422339 Fix Location badge position 2021-09-30 23:49:22 +02:00
7777d26907 Add hover effect on Location 2021-09-30 23:30:18 +02:00
15461588ec Edit browse locations section
Create badge atom,
2021-09-28 12:57:13 +02:00
1883d5781f Create Location and Locations sections 2021-09-27 23:55:16 +02:00
bdbf511a75 ☠️ RESET for v2 2021-09-14 13:00:48 +02:00
3e56b2d41f Change Location circle start size (when hovering)
Some checks failed
continuous-integration/drone/push Build is failing
2021-01-10 21:51:27 +01:00
cd609cd710 Add a badge on locations for new photos
- The last updated date is taken from the latest photo of each location (without any other API call, just some data manipulation)
- Manipulation of data in the preload request instead of the code
2020-05-06 17:12:07 +02:00
39031366d5 Fix icons invisible on iOS
It was ONLY because of flex-direction being row by default. Switched to column, does the trick… !?%@
2020-04-22 10:13:44 +02:00
1cddc26625 Globe: Temporary fix for responsive sizing, Add correct margins top/bottom
All checks were successful
continuous-integration/drone/push Build is passing
- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window
2020-04-19 20:13:01 +02:00
3f7dd758b8 Locations: Use grid over flexbox
- More flexible and consistent, avoids weird spacing and centering
- TODO: center alone locations on a row?
2020-04-09 23:17:13 +02:00
e7ae106eb0 Location: Fix hover circle 2020-04-09 23:09:36 +02:00
be0f4c8b59 Optimize animations and transitions
will-change is apparently not enough to run GPU-enabled animations, use translateZ on top of it
2020-04-09 20:23:24 +02:00
bd9b91f480 ⚠️ Fix most animations/transitions performance issues
All checks were successful
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
bdc305a77a Fix some responsive and style
All checks were successful
continuous-integration/drone/push Build is passing
- Fullscreen: center image + add a background color
- Carousel: don't cut informations
- Title location font size
- Style location line height
- Photo reveal effect
- Photo has now a transparent png
2020-04-04 20:35:09 +02:00
94a93bbcd5 Set circles heights to 100% over 50vh
Some checks failed
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
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