Commit Graph

123 Commits

Author SHA1 Message Date
9063045e94 Globe: Max height when cut 2020-04-21 15:07:40 +02:00
5b4fe1c6d6 Credits: Fix Footer under the globe
Added a z-index on the main (now with a class for specificity) to go over the canvas
2020-04-21 15:04:24 +02:00
faf0c3c96b Globe: Fix bottom when cut 2020-04-21 14:41:26 +02:00
11c95ce4f2 Locations: Make it temp 3 not-too-large columns
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-21 13:09:56 +02:00
bdf93e89fb Last little fixes and debugging 2020-04-21 13:09:11 +02:00
f6c385798b Remove unclear cursors
They look drastically different on different browsers/OS
2020-04-21 10:27:02 +02:00
174025f958 Globe: Fix things
- Fix margin bottom on big screens
- Would throw an error on page change (globe is not defined)
2020-04-21 10:10:48 +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
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
c37a8238f3 SCSS: Fix breakpoint mobile naming
From "m" to "mob"
2020-04-19 19:42:52 +02:00
094614f83c Globe edits WIP
All checks were successful
continuous-integration/drone/push Build is passing
- Added visible continents to options
2020-04-19 14:49:52 +02:00
c1bb2f31bc Place: Use Rellax to add some parallax effects
- Added on title, switcher button and illustration
- Not very suitable for photo number
2020-04-19 12:49:38 +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
All checks were successful
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
3c05d6d222 Performances optimizations WIP
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-17 14:33:49 +02:00
b0b20da89b WIP performances
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-16 17:40:18 +02:00
aeb4196918 Fix some stuff
All checks were successful
continuous-integration/drone/push Build is passing
- Error page now displaying (+ removed globe, more space between content and footer)
- Manipulate data if existing
2020-04-14 22:23:01 +02:00
7180419fb0 Place: Add @1x desktop illustration size, Optimize responsive
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-11 19:33:37 +02:00
90bdb5890d Place: Fix illustration conditions and uneven margin
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-11 11:18:23 +02:00
85cb624a31 Code clean 2020-04-10 12:00:11 +02:00
abe09f0f69 Fix responsive margins and spacing around the globe
All checks were successful
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
d6671f0e94 Carousel: Fix transitions due to opacity and box-shadow
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-09 20:27:45 +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
3ca7f713da Credits links responsive fixes 2020-04-09 10:48:56 +02:00
13ac133db6 Add cursors on links 2020-04-09 10:48:31 +02:00
e0abb558d8 Viewer: Fix responsive and positioning 2020-04-08 19:31:24 +02:00
b28fd9b8fe Photos: Fix last photo truncated number
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-07 22:30:51 +02:00
9f405cc1d1 Carousel: Add URL to location 2020-04-07 22:30:24 +02:00
ed34e23cea Pagination: Fix sizes on smaller screens
Keep the big numbers for medium screens
2020-04-07 19:33:01 +02:00
1a05c35fc8 Fix index animations
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-07 13:25:56 +02:00
6859aa1640 Viewer: Fix overflow and top part margins 2020-04-06 18:09:34 +02:00
11e06c51c9 Add some a11y to the mix
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-06 13:37:43 +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
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
7601fe8b44 Fix global horizontal overflow 2020-04-04 18:13:13 +02:00
2170cd2e57 Fix some responsive and scrolling issues
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
80f621d38b Locations: Fix container
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-04 13:03:03 +02:00
751694605a Carousel: Fix overlay corners 2020-04-04 11:37:54 +02:00
7e0d1e33fb ⚠️ Rework completely how transitions works
- Use Svelte/Sapper native if and transitions to show either the page content or the loader, then load each page animationIn
- Code is safe on SSR side, using process.browser on this if
- The <main> element is on position absolute to fade nicely the different pages
- Code cleaning
2020-04-03 23:02:17 +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