Commit Graph

1313 Commits

Author SHA1 Message Date
flayks 85cb624a31 Code clean 2020-04-10 12:00:11 +02:00
flayks abe09f0f69 Fix responsive margins and spacing around the globe
continuous-integration/drone/push Build is passing
2020-04-09 23:53:43 +02:00
flayks 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
flayks 6d27fcb5d8 Globe: Rename instance 2020-04-09 23:15:34 +02:00
flayks a4feadb80f Globe: Add hover on marker dot, Comment code 2020-04-09 23:11:13 +02:00
flayks 67902bc5a8 Globe: Modify the cut version 2020-04-09 23:10:21 +02:00
flayks e7ae106eb0 Location: Fix hover circle 2020-04-09 23:09:36 +02:00
flayks d6671f0e94 Carousel: Fix transitions due to opacity and box-shadow
continuous-integration/drone/push Build is passing
2020-04-09 20:27:45 +02:00
flayks 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
flayks 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
flayks 08c541c37a Carousel: Fix reveal animation
continuous-integration/drone/push Build is passing
2020-04-09 10:52:51 +02:00
flayks dd727ec9f4 Carousel: Fix Fullscreen opening when swiping
continuous-integration/drone/push Build is passing
2020-04-09 10:49:15 +02:00
flayks 3ca7f713da Credits links responsive fixes 2020-04-09 10:48:56 +02:00
flayks 13ac133db6 Add cursors on links 2020-04-09 10:48:31 +02:00
flayks b7accde2c3 Viewer: Fix reveal animation
continuous-integration/drone/push Build is passing
2020-04-08 19:33:57 +02:00
flayks e0abb558d8 Viewer: Fix responsive and positioning 2020-04-08 19:31:24 +02:00
flayks 240c92c6f6 Viewer: Fix scrolling back up when changing photo 2020-04-08 14:33:24 +02:00
flayks 6ff05fea48 Fix Fullscreen double click bug, Default size for photos
- Reset the value of swiped when changing photo
2020-04-08 14:33:06 +02:00
flayks b28fd9b8fe Photos: Fix last photo truncated number
continuous-integration/drone/push Build is passing
2020-04-07 22:30:51 +02:00
flayks 9f405cc1d1 Carousel: Add URL to location 2020-04-07 22:30:24 +02:00
flayks fd8c718873 Fix some animations 2020-04-07 22:29:50 +02:00
flayks ed34e23cea Pagination: Fix sizes on smaller screens
Keep the big numbers for medium screens
2020-04-07 19:33:01 +02:00
flayks a93571842b Locations: Rework the Crossfade transition
Add a start value for the scale to make it more elegant
2020-04-07 19:24:40 +02:00
flayks c3c888da52 Locations: Add delay between each location reveal 2020-04-07 19:23:24 +02:00
flayks c5836dcbc1 Smooth scroll to anchor without a library
Custom function using scrollIntoView with smooth behavior
2020-04-07 18:47:09 +02:00
flayks 1a05c35fc8 Fix index animations
continuous-integration/drone/push Build is passing
2020-04-07 13:25:56 +02:00
flayks f414457172 Fix Intro?
continuous-integration/drone/push Build is passing
2020-04-06 22:34:24 +02:00
flayks 380d155350 Fix GTag preconnect URL 2020-04-06 20:25:02 +02:00
flayks adeb60c5cb TitleSite: Fix delay?
continuous-integration/drone/push Build is passing
2020-04-06 18:51:51 +02:00
flayks 203641918e Carousel: Don't use aria-hidden="false" 2020-04-06 18:51:42 +02:00
flayks 36f6c89f0d TitleSite: Try to fix this delay on init?
continuous-integration/drone/push Build is passing
2020-04-06 18:18:14 +02:00
flayks 6859aa1640 Viewer: Fix overflow and top part margins 2020-04-06 18:09:34 +02:00
flayks 90765b0725 More accessibility fixes
continuous-integration/drone/push Build is passing
2020-04-06 15:49:17 +02:00
flayks 6531a7b144 Prefetch Google Analytics
continuous-integration/drone/push Build is passing
2020-04-06 15:15:45 +02:00
flayks f37bef2628 Carousel: Fix ARIA stuff 2020-04-06 15:06:34 +02:00
flayks 23570d4df7 Preconnect to API
continuous-integration/drone/push Build is passing
2020-04-06 14:38:36 +02:00
flayks 85fadc6e05 Add manifest
continuous-integration/drone/push Build is passing
2020-04-06 14:27:41 +02:00
flayks 18c7943d0d Enable PWA
continuous-integration/drone/push Build is passing
2020-04-06 14:04:25 +02:00
flayks 11e06c51c9 Add some a11y to the mix
continuous-integration/drone/push Build is passing
2020-04-06 13:37:43 +02:00
flayks 6561b24f75 Carousel: Load only visible and sibling photos
continuous-integration/drone/push Build is passing
Reduces page load:
- Preload the current and 2 next and previous ones
- If first of last photo, load the 2 last or first ones on the list
2020-04-06 13:00:34 +02:00
flayks 8fabe68241 Code clean, 2020-04-06 12:21:47 +02:00
flayks 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
flayks 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
flayks 0b8086e63c Packages updates 2020-04-05 16:01:43 +02:00
flayks 587213f089 Add humans.txt 2020-04-05 16:01:25 +02:00
flayks 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
flayks 7601fe8b44 Fix global horizontal overflow 2020-04-04 18:13:13 +02:00
flayks 2170cd2e57 Fix some responsive and scrolling issues
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
flayks 80f621d38b Locations: Fix container
continuous-integration/drone/push Build is passing
2020-04-04 13:03:03 +02:00
flayks 945b162318 Photo: Fix scroll and reveal 2020-04-04 13:02:51 +02:00