Commit Graph

16 Commits

Author SHA1 Message Date
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
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
All checks were successful
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