239a47104e
Use lazySizes globally
continuous-integration/drone/push Build is passing
2020-04-16 17:20:29 +02:00
7f3f2ac3ba
WIP on performances
continuous-integration/drone/push Build is passing
2020-04-16 16:40:33 +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
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
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
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
37c5cb2c4e
Bring back the sapper-noscroll attribute
...
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
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
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
5ac5d6803f
Use Destructuring variables to avoid repetitions
...
- Easier to read and write
- Also fixes fullscreen when leaving the viewer, my bad
2020-03-31 10:35:51 +02:00
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
3e6a35f78f
Photo: Fix usage of same ID for transition
2020-03-29 19:20:48 +02:00
7d8285ac6d
Photo: Fix number positioning and parallax effect
continuous-integration/drone/push Build is passing
2020-03-25 12:28:47 +01:00
8aa2524e7f
Cleanup
2020-03-11 17:23:58 +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
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
d823f28054
Restructure utility files, Use a bundle.css to fix CSS issues
continuous-integration/drone/push Build is passing
2020-03-03 15:36:57 +01:00
76c8c31c89
Readapt the misuse of BEM, Code organization
...
- -- is only for a modifier, not a child "child". Use master__child without the parent__ in it to make it more readable.
https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/
- Redefine atom design components
2020-02-29 18:32:32 +01:00
a73d9ff71c
Tabs to spaces and code cleaning
2020-02-27 23:08:13 +01:00
ba36c9a8b6
Fix photos list and add currentPhotos store
...
Go from one object to two to avoid issues when using an object key
2020-02-26 15:59:44 +01:00
8ccdac64d3
Use Lazy Loading for photos
2020-02-20 19:01:54 +01:00
615182d6fb
Add parallax and reveal effects + performances on transitions
2020-02-17 22:38:51 +01:00
3badc0c1d6
Load different images sizes depending on the screen size
...
Use responsive images `<picture>` to load different sizes
2020-02-14 12:38:48 +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
