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
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
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
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
...
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
7601fe8b44
Fix global horizontal overflow
2020-04-04 18:13:13 +02:00
2170cd2e57
Fix some responsive and scrolling issues
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
80f621d38b
Locations: Fix container
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
730eb75457
WIP attempt to fix page transitions, Several edits
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +02:00
1cc823e9d1
Carousel: Card stacking effect on mobile
...
continuous-integration/drone/push Build is passing
- As well as a grabbing cursor to indicate the click and drag interaction
2020-03-31 20:03:42 +02:00
b00fbd031e
Viewer: Fix Carousel elements positioning
2020-03-31 20:02:27 +02:00
02974aa00c
Photo: Fix Number parallax and Location margins
2020-03-29 19:44:00 +02:00
25fa9e1c07
Fix some spacing
...
continuous-integration/drone/push Build is passing
- Footer links icons
- Browse locations
2020-03-29 12:17:50 +02:00
cccba52fdc
Footer: Use a SVG over image for Instagram
...
Allows to fill a different color on hover
2020-03-29 12:06:47 +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
ebf1d99645
Code clean
2020-03-27 11:14:16 +01:00
5defbcfad6
Carousel: Fix counter text alignment
2020-03-26 19:48:17 +01:00
6edbfc9def
Carousel: Fix min-height for the location on mobile
continuous-integration/drone/push Build is passing
2020-03-25 12:31:51 +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
498f3c0c17
Use a component for carousel dots
...
- Show 5 dots by default
- First and last one from current index are smaller
- Other ones are hidden
2020-03-25 12:19:48 +01:00
093c87d156
Place: Add a max-height to the illustration
2020-03-24 22:56:22 +01:00
63f8cd1ae3
Fix pagination padding
2020-03-24 22:55:46 +01:00
dedf400ea8
Fix things
continuous-integration/drone/push Build is passing
2020-03-22 20:07:11 +01:00
ba5d1de780
Place: Fix title alignments and margins
continuous-integration/drone/push Build is passing
2020-03-11 19:23:56 +01:00
761bfa7486
Transition: Don't animate height
...
continuous-integration/drone/push Build is passing
So use a background div to squeeze and move other elements as well
2020-03-11 18:33:35 +01:00
8aa2524e7f
Cleanup
2020-03-11 17:23:58 +01:00
0b55be4222
Place: Add a gradient on illustration if too high
continuous-integration/drone/push Build was killed
2020-03-11 14:51:21 +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
e983a4f8b7
Footer: Fix links alignment
2020-03-11 10:31:44 +01:00
582ee688f3
Footer: Fix collective logo alignment on mobile
continuous-integration/drone/push Build is failing
2020-03-10 21:26:00 +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
eb529b196e
Viewer: Add intro animation, Visual fixes (WIP)
2020-03-10 21:24:06 +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
9ffc210c02
WIP Animations all over site
...
- Run a transition In for each page
- Involve a "loader" panel on page change
- TODO: tweak the animations and finish the concept
2020-03-06 14:22:51 +01:00
cd1033f97b
Place: Show last updated before medium screen
2020-03-06 14:14:48 +01:00
87d026c348
Location: Change markup of the place's name
2020-03-06 11:17:50 +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
c63c7a5826
Rework a little Footer links
...
Remove the text before the collective's logo
2020-03-06 11:11:17 +01:00
