flayks
7180419fb0
Place: Add @1x desktop illustration size, Optimize responsive
continuous-integration/drone/push Build is passing
2020-04-11 19:33:37 +02:00
flayks
89911ad7c1
Fix default page animation in
continuous-integration/drone/push Build is passing
2020-04-10 12:02:55 +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
08c541c37a
Carousel: Fix reveal animation
continuous-integration/drone/push Build is passing
2020-04-09 10:52:51 +02:00
flayks
b7accde2c3
Viewer: Fix reveal animation
continuous-integration/drone/push Build is passing
2020-04-08 19:33:57 +02:00
flayks
fd8c718873
Fix some animations
2020-04-07 22:29:50 +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
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
adeb60c5cb
TitleSite: Fix delay?
continuous-integration/drone/push Build is passing
2020-04-06 18:51:51 +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
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
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
2170cd2e57
Fix some responsive and scrolling issues
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
flayks
945b162318
Photo: Fix scroll and reveal
2020-04-04 13:02:51 +02:00
flayks
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
flayks
28dbc17c18
Fix Locations reveal
continuous-integration/drone/push Build is passing
2020-04-03 23:09:43 +02:00
flayks
462359fcf2
Page and components animations rework WIP
continuous-integration/drone/push Build is passing
2020-04-03 23:03:00 +02:00
flayks
730eb75457
WIP attempt to fix page transitions, Several edits
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +02:00
6f409c5331
fix: first animation & transition
continuous-integration/drone/push Build is passing
2020-04-01 21:28:17 +02:00
flayks
88186f479c
Photo: Code optimization
...
continuous-integration/drone/push Build is passing
- Avoid double declaration of sources
- Use class over an HTML tag for image reveal animation
2020-03-31 17:55:32 +02:00
flayks
fc74a93508
Temp Eslint fixes
2020-03-31 10:48:37 +02:00
flayks
2dc51a167a
⚠️ Use alias Rollup plugin to omit full imports
...
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
flayks
58adc052c4
Photo transition: Wait for image to be loaded
continuous-integration/drone/push Build is passing
2020-03-30 20:19:49 +02:00
flayks
02974aa00c
Photo: Fix Number parallax and Location margins
2020-03-29 19:44:00 +02:00
flayks
3e6a35f78f
Photo: Fix usage of same ID for transition
2020-03-29 19:20:48 +02:00
flayks
18b9ece009
Fullscreen fixes
...
continuous-integration/drone/push Build is passing
- Due to the Homepage carousel animation, fullscreen was constraint to the top of the parent block. Resetting the style on transition complete fixes it
- Check if scope exists before emptying its image content
2020-03-29 18:16:05 +02:00
flayks
7d8285ac6d
Photo: Fix number positioning and parallax effect
continuous-integration/drone/push Build is passing
2020-03-25 12:28:47 +01:00
flayks
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
flayks
8aa2524e7f
Cleanup
2020-03-11 17:23:58 +01:00
flayks
7b7cc50790
Add parallax effects on scroll (titles and photo)
2020-03-11 14:51:06 +01:00
flayks
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
flayks
eb529b196e
Viewer: Add intro animation, Visual fixes (WIP)
2020-03-10 21:24:06 +01:00
flayks
a60a67a892
Scope animations
2020-03-10 21:18:25 +01:00
flayks
c8bc7f39c8
TitleSite: Fix animation to the inline title only
2020-03-07 19:01:26 +01:00
flayks
851a9090d7
Fix function call
2020-03-06 18:38:44 +01:00
flayks
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
flayks
Jonathan Boyer