40c57fee13
Photos/Carousel: Fix ratio for narrow screens
continuous-integration/drone/push Build is passing
2020-04-21 19:23:15 +02:00
9063045e94
Globe: Max height when cut
2020-04-21 15:07:40 +02:00
faf0c3c96b
Globe: Fix bottom when cut
2020-04-21 14:41:26 +02:00
65c9822b73
Globe: Add opacity option, Part globe WIP
...
- Don't run the onScroll method on load, creates a funky translate otherwise
- Bind window innerHeight via Svelte
- Path scroll smoothing option value as prop
2020-04-21 09:46:27 +02:00
33774085f0
fix globe height
2020-04-20 23:15:00 +02:00
1cddc26625
Globe: Temporary fix for responsive sizing, Add correct margins top/bottom
...
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
094614f83c
Globe edits WIP
...
continuous-integration/drone/push Build is passing
- Added visible continents to options
2020-04-19 14:49:52 +02:00
6944d76879
globae update
2020-04-19 00:00:02 +02:00
c531181972
globae update
2020-04-18 23:58:18 +02:00
8e36c2b2f0
fix merge
2020-04-18 23:27:31 +02:00
10e32a1957
fix merge
2020-04-18 23:24:43 +02:00
689c03fda1
Globe: Reset sizes and spacing
...
continuous-integration/drone/push Build is passing
Temp fix
2020-04-17 16:48:58 +02:00
50d36d4015
globe update
2020-04-17 15:09:58 +02:00
abe09f0f69
Fix responsive margins and spacing around the globe
continuous-integration/drone/push Build is passing
2020-04-09 23:53:43 +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
a4feadb80f
Globe: Add hover on marker dot, Comment code
2020-04-09 23:11: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
7a44d5b0ed
⚠️ The interactive globe has arrived (WIP but pretty good)
...
- Control the width/height of the globe via CSS
2020-04-09 20:22:10 +02:00
13ac133db6
Add cursors on links
2020-04-09 10:48:31 +02:00
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
bdc305a77a
Fix some responsive and style
...
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
2064885997
WIP Interactive globe from Nico's sources
...
- The globe is a bit small? Ability to control the max-min size potentially
- Is there a reason why `globe.update()` runs every second? Sounds like a lot of resources?
- Have the ability to control the `addEventListener` of the markers to do whatever (in this case, going to a route by clicking on a link with a sapper-noscroll attribute + changing the href attribute on click - the method `goto` from Sapper scrolls back to top / maybe something to fix with the current transition issues?)
- Edited in `./index.js`:
1. Using the class as `export default WebglGlobe` instead of Window (as Svelte or Sapper doesn't likayt)
- Edited in `Camera.js`:
1. Commented line 218: `e.preventDefault();` would cause this error: `[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>`
2020-04-02 20:59:40 +02:00
ebf1d99645
Code clean
2020-03-27 11:14:16 +01:00
7d8285ac6d
Photo: Fix number positioning and parallax effect
continuous-integration/drone/push Build is passing
2020-03-25 12:28:47 +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
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
c823e8856e
Globe: Hide horizontal overflow
2020-03-06 11:10:33 +01:00
905fbb3bfe
Temporary Interactive globe
2020-03-02 22:25:10 +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
1c4be6c9d1
Pagination: Transitions fine tuning
2020-02-29 10:48:10 +01:00
4d8493e407
Credits: Add temporary globe at bottom
2020-02-29 10:47:01 +01:00
716e38d7cc
Add some hover on links
2020-02-27 23:06:20 +01:00
17c1e3e930
Fix pagination spacing
2020-02-26 15:56:32 +01:00
042440188e
Add a credit page and make style reusable
2020-02-26 15:52:13 +01:00
52e65ed8df
Photos styling fixes
2020-02-20 19:02:40 +01:00
1e1b2fc1fb
Pagination styling
2020-02-20 19:02:32 +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
450de171e6
Code optimization and fixes
2020-02-14 12:37:35 +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
