Commit Graph

65 Commits

Author SHA1 Message Date
77c19ff43f Add images inside of Location hover effect 2021-10-01 23:43:26 +02:00
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
bd89e28e15 Create homepage
Photo-card layout, button, typography
2021-09-27 23:23: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
56d9caa86b Photo: Add a comma at end only if more than one line
Some checks failed
continuous-integration/drone/push Build is failing
2020-06-02 15:11:05 +02:00
5b75b4d554 Globe: Smaller dots for close locations 2020-06-01 22:20:32 +02:00
720ca69902 Add a newsletter subscription form below locations
All checks were successful
continuous-integration/drone/push Build is passing
- One component used below Locations list and in the Pagination when all photos has been loaded
- Keep the subscribe page with the column display
2020-05-06 23:06:26 +02: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
c9e11d4f12 Pagination: Fix spacing for Newsletter
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-29 14:17:43 +02:00
0aa75bf3e9 Newsletter: Fix button not being a circle 2020-04-29 12:27:16 +02:00
6fe4df4189 Add Newsletter Component and Page
All checks were successful
continuous-integration/drone/push Build is passing
- Newsletter form on Subscribe page and at the end of the photos
2020-04-29 12:04:37 +02:00
3a96b8e954 Make Photos and Carousel slightly bigger on small screens 2020-04-22 10:22:31 +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
272773692f Photo: Slightly bigger on smaller screens
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-21 21:47:39 +02:00
3fae9a1928 Globe mix height fix
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-21 20:26:27 +02:00
fc930d9362 Fix responsive stuff
All checks were successful
continuous-integration/drone/push Build is passing
- Globe is now using vws with min and max height
- Photos list and Carousel
2020-04-21 20:23:53 +02:00
40c57fee13 Photos/Carousel: Fix ratio for narrow screens
All checks were successful
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
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
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
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
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
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
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
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
All checks were successful
continuous-integration/drone/push Build is passing
2020-03-25 12:28:47 +01: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
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