9f405cc1d1
Carousel: Add URL to location
2020-04-07 22:30:24 +02:00
203641918e
Carousel: Don't use aria-hidden="false"
2020-04-06 18:51:42 +02:00
90765b0725
More accessibility fixes
continuous-integration/drone/push Build is passing
2020-04-06 15:49:17 +02:00
f37bef2628
Carousel: Fix ARIA stuff
2020-04-06 15:06:34 +02:00
11e06c51c9
Add some a11y to the mix
continuous-integration/drone/push Build is passing
2020-04-06 13:37:43 +02:00
6561b24f75
Carousel: Load only visible and sibling photos
...
continuous-integration/drone/push Build is passing
Reduces page load:
- Preload the current and 2 next and previous ones
- If first of last photo, load the 2 last or first ones on the list
2020-04-06 13:00:34 +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
730eb75457
WIP attempt to fix page transitions, Several edits
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +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
59f287af2b
Optimize some components
...
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
3b93e5e994
Fix error when leaving Viewer
...
The carousel would go to a photo that doesn't exists
2020-03-29 19:40:32 +02:00
86a38c8987
Carousel: Add rel attributes to controls
continuous-integration/drone/push Build is passing
2020-03-29 18:45:15 +02:00
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
ca07fe364e
Viewer: Finally fix Carousel navigation depending on URL
...
- Instead of detecting every case using popState event or whatnot, used a Sapper page stores subscribe to go to the current photo from the URL param (findIndex in photos)
- No page transition when navigating between photos in Viewer, but runs In and Out
- Also shortened dispatches to direct value over an object
2020-03-29 18:13:27 +02:00
cccba52fdc
Footer: Use a SVG over image for Instagram
...
Allows to fill a different color on hover
2020-03-29 12:06:47 +02:00
0ebd6b2601
Homepage: Enable Fullscreen on Carousel
continuous-integration/drone/push Build is passing
2020-03-28 22:09:27 +01:00
40811ab21e
Carousel: Use swipe-listener for proper swipe gesture
continuous-integration/drone/push Build is passing
2020-03-28 20:02:02 +01:00
0635b65abf
Add Fullscreen in viewer, Track links with Google Analytics, Use .env file
...
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
3a4b1c2c85
Carousel: Fix dispatch default parameter value
continuous-integration/drone/push Build is passing
2020-03-27 11:23:04 +01:00
ebf1d99645
Code clean
2020-03-27 11:14:16 +01:00
f11185e940
Pagination dots: Add class as a prop
continuous-integration/drone/push Build is passing
2020-03-25 14:26:31 +01:00
498f3c0c17
Use a component for carousel dots
...
- Show 5 dots by default
- First and last one from current index are smaller
- Other ones are hidden
2020-03-25 12:19:48 +01:00
3d9702db33
Fix pagination message not appearing
2020-03-24 19:44:01 +01:00
9965c9dec3
Rework API calls and each loops
2020-03-16 12:57:53 +01:00
8aa2524e7f
Cleanup
2020-03-11 17:23:58 +01:00
8c9000a7c9
Carousel: Fix animation import
continuous-integration/drone/push Build is passing
2020-03-11 15:02:38 +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
c63c7a5826
Rework a little Footer links
...
Remove the text before the collective's logo
2020-03-06 11:11:17 +01:00
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
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
a7831d2202
Add error page
2020-03-03 17:41:06 +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
2ebf3ea8d2
Fix links rel when using target blank on links
2020-03-03 10:55:08 +01:00
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
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
faa16d1b16
Fix BEM misuse
2020-02-29 19:19:25 +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
fd45ce1731
Carousel: Rewrite some classes
2020-02-29 10:47:46 +01:00
3857223a54
Carousel: Working dots
2020-02-27 23:06:52 +01:00
898b8bd830
Change name of function
2020-02-27 23:05:55 +01:00
c9fd287609
Locations: Use a reusable throttled function
2020-02-26 16:05:35 +01:00
fab89736ed
Carousel: Add a transition on title when changing photo
2020-02-26 15:58:22 +01:00
c9b1f63c64
Fix the locations list filters and add reveal transitions
...
Typically add a delay between two click (Limiter) to click again. Thanks Nico!
2020-02-26 15:56:22 +01:00
afb087408c
Optimize components
...
- Use class attribute over className
- Code cleaning
2020-02-26 15:49:56 +01:00
