Commit Graph

40 Commits

Author SHA1 Message Date
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
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
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
bdf93e89fb Last little fixes and debugging 2020-04-21 13:09:11 +02:00
e27e8a16db Code clean
- Imports/exports always at top
- Sapper template not needing a div to execute
- NPM packages updates: @rollup/plugin-commonjs 11.1.0 has a bug about import/exports
2020-04-12 11:54:08 +02:00
e5668f3a72 Fix SVGs
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-10 12:16:38 +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
90765b0725 More accessibility fixes
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-06 15:49:17 +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
8fabe68241 Code clean, 2020-04-06 12:21:47 +02:00
37c5cb2c4e Bring back the sapper-noscroll attribute
All checks were successful
continuous-integration/drone/push Build is passing
Window scroll is now been triggered manually during the page transition and not automatically by Sapper
2020-04-04 11:46:17 +02:00
94fa63ef41 Fix pages and components animations
- Fix delays
- Add the init back for TitleSite as it needs a delay for the page instance vs. loader
2020-04-04 11:45:26 +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
730eb75457 WIP attempt to fix page transitions, Several edits
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +02:00
6f409c5331 fix: first animation & transition
All checks were successful
continuous-integration/drone/push Build is passing
2020-04-01 21:28:17 +02:00
e2602b4806 Counter: Redefine each column's height on browser resize as well 2020-03-31 20:02:55 +02:00
2dc51a167a ⚠️ Use alias Rollup plugin to omit full imports
All checks were successful
continuous-integration/drone/push Build is passing
- Define entries (utils, animations, etc) in the Rollup config in order to omit the whole back path (../../) when importing a file
- Global revoleExtensions in the config (to avoid duplicates)
2020-03-30 23:53:01 +02:00
58adc052c4 Photo transition: Wait for image to be loaded
All checks were successful
continuous-integration/drone/push Build is passing
2020-03-30 20:19:49 +02:00
59f287af2b Optimize some components
All checks were successful
continuous-integration/drone/push Build is passing
- Use binding of this over `document.querySelector` calls
- Use else if over a chained else and if condition
2020-03-29 19:49:01 +02:00
0635b65abf Add Fullscreen in viewer, Track links with Google Analytics, Use .env file
All checks were successful
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
846c575f1d Change lettersToSpan name to charsToSpan 2020-03-24 19:44:42 +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
a60a67a892 Scope animations 2020-03-10 21:18:25 +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
adf2563eb8 Reorganise functions, Use custom Format Date/Relative Time over dayjs 2020-03-06 14:14:17 +01:00
debf8bb747 Avoid route change scroll when clicking on links
sapper-noscroll here for the rescue, keeps the scroll position and loads the new page content
2020-03-06 11:06:35 +01:00
78a85bbf0b Fix Globe Icons masks on Safari/iOS
Due to the base href, the clipPath needs the full URL
2020-03-06 11:01:08 +01:00
d823f28054 Restructure utility files, Use a bundle.css to fix CSS issues
All checks were successful
continuous-integration/drone/push Build is passing
2020-03-03 15:36:57 +01:00
455f3d65de Use classes for SVG globe icons 2020-03-03 10:54:24 +01:00
16f783cdc5 Fix LinkTranslate 2020-03-02 22:58:34 +01:00
631a3e6ccb Rethink buttons hover transitions 2020-02-29 10:46:41 +01:00
e212829db5 Add a link with a translate transirion 2020-02-27 23:05:42 +01:00
aba1f87482 Toggle layout button: Create a reusable function to animate pill 2020-02-26 16:00:49 +01:00
042440188e Add a credit page and make style reusable 2020-02-26 15:52:13 +01:00
afb087408c Optimize components
- Use class attribute over className
- Code cleaning
2020-02-26 15:49:56 +01:00
0174ba08f2 Tweaks and fixes 2020-02-17 22:36:36 +01:00
450de171e6 Code optimization and fixes 2020-02-14 12:37:35 +01:00
29f6e7e645 Button: Fix the spacing with an icon 2020-02-14 12:35:38 +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