Commit Graph

116 Commits

Author SHA1 Message Date
flayks 8aa2524e7f Cleanup 2020-03-11 17:23:58 +01:00
flayks 8c9000a7c9 Carousel: Fix animation import
continuous-integration/drone/push Build is passing
2020-03-11 15:02:38 +01:00
flayks c8ffd8bb51 Transition WIP
continuous-integration/drone/push Build is failing
2020-03-11 14:51:52 +01:00
flayks 0b55be4222 Place: Add a gradient on illustration if too high
continuous-integration/drone/push Build was killed
2020-03-11 14:51:21 +01:00
flayks 7b7cc50790 Add parallax effects on scroll (titles and photo) 2020-03-11 14:51:06 +01:00
flayks 94a93bbcd5 Set circles heights to 100% over 50vh
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
flayks 6ece6a99df Place: Add API fields
continuous-integration/drone/push Build is failing
2020-03-11 10:33:08 +01:00
flayks e983a4f8b7 Footer: Fix links alignment 2020-03-11 10:31:44 +01:00
flayks 29834a5b95 Fix some accessibility issues on links without text 2020-03-11 10:31:11 +01:00
flayks 582ee688f3 Footer: Fix collective logo alignment on mobile
continuous-integration/drone/push Build is failing
2020-03-10 21:26:00 +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 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
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 56a6859aec Credits: Fix transition In 2020-03-07 19:01:00 +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 cd1033f97b Place: Show last updated before medium screen 2020-03-06 14:14:48 +01:00
flayks adf2563eb8 Reorganise functions, Use custom Format Date/Relative Time over dayjs 2020-03-06 14:14:17 +01:00
flayks 46488146d0 Location: Avoid route change scroll 2020-03-06 11:18:57 +01:00
flayks 87d026c348 Location: Change markup of the place's name 2020-03-06 11:17:50 +01:00
flayks ebafb359ae Button control: Add Hover classes (triggered by JS)
continuous-integration/drone/push Build is passing
2020-03-06 11:15:45 +01:00
flayks 9a5c8a135e Buttons: Change text direction on hover 2020-03-06 11:14:13 +01:00
flayks c63c7a5826 Rework a little Footer links
Remove the text before the collective's logo
2020-03-06 11:11:17 +01:00
flayks c823e8856e Globe: Hide horizontal overflow 2020-03-06 11:10:33 +01:00
flayks e6724bee6e Globe Icon: Add animated default state 2020-03-06 11:10:18 +01:00
flayks 636685c86e Fix carousel buttons snap scroll when hovering areas
Buttons would trigger a nasty scroll due to the `.focus` on them on hover
2020-03-06 11:08:52 +01:00
flayks 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
flayks 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
flayks ed1ff95eb4 Use site store for title and social metas 2020-03-03 20:40:42 +01:00
flayks e98452673e Use ZenScroll for smooth scroll on anchors 2020-03-03 20:38:49 +01:00
flayks b294800f34 Fix toggle layout buttons hovers 2020-03-03 17:41:37 +01:00
flayks 4b2610a2b5 Fix photo date 2020-03-03 17:41:24 +01:00
flayks a7831d2202 Add error page 2020-03-03 17:41:06 +01:00
flayks 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
flayks 2ebf3ea8d2 Fix links rel when using target blank on links 2020-03-03 10:55:08 +01:00
flayks 455f3d65de Use classes for SVG globe icons 2020-03-03 10:54:24 +01:00
flayks 73fe03b411 Use sapper.styles temporarily
continuous-integration/drone/push Build is passing
2020-03-02 23:17:04 +01:00
flayks 16f783cdc5 Fix LinkTranslate 2020-03-02 22:58:34 +01:00
flayks 2fceb5d048 Add some SEO metas (WIP) 2020-03-02 22:33:01 +01:00
flayks 804880a908 Temporary browsable Carousel on photo page
Stuff to be fixed/work on:
- Why is currentPhoto only triggered at the second photo and not the first?
- popState events (prev/next on browser) not working - detect URL changes and change the currentIndex
2020-03-02 22:30:36 +01:00
flayks 1db9217cd0 Use a component for the pagination
Make the component and the page communicate with events to add more photos
2020-03-02 22:27:39 +01:00
flayks 6a58938e71 Rework a little the toggle buttons animations 2020-03-02 22:25:31 +01:00
flayks 905fbb3bfe Temporary Interactive globe 2020-03-02 22:25:10 +01:00
flayks 97256639c4 Fix photo CSS and hover 2020-03-01 12:17:04 +01:00
flayks 8a4faa616e Fix components imports
continuous-integration/drone/push Build is passing
2020-02-29 21:15:17 +01:00
flayks faa16d1b16 Fix BEM misuse 2020-02-29 19:19:25 +01:00
flayks a48896bf82 Credits: Use text from the API 2020-02-29 18:37:56 +01:00
flayks 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