flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
361 Commits 2 Branches 0 Tags
19d26d8820ca6cd1e26a125555e0c54fc06a60fb
Commit Graph

68 Commits

Author SHA1 Message Date
Félix Péault
720ca69902 Add a newsletter subscription form below locations
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- One component used below Locations list and in the Pagination when all photos has been loaded
- Keep the subscribe page with the column display
 2020-05-06 23:06:26 +02:00
Félix Péault
6fe4df4189 Add Newsletter Component and Page
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Newsletter form on Subscribe page and at the end of the photos
 2020-04-29 12:04:37 +02:00
Félix Péault
bdf93e89fb Last little fixes and debugging 2020-04-21 13:09:11 +02:00
Félix Péault
239a47104e Use lazySizes globally
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-16 17:20:29 +02:00
Félix Péault
7f3f2ac3ba WIP on performances
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-16 16:40:33 +02:00
Félix Péault
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
Félix Péault
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
Félix Péault
dd727ec9f4 Carousel: Fix Fullscreen opening when swiping
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-09 10:49:15 +02:00
Félix Péault
e0abb558d8 Viewer: Fix responsive and positioning 2020-04-08 19:31:24 +02:00
Félix Péault
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
Félix Péault
9f405cc1d1 Carousel: Add URL to location 2020-04-07 22:30:24 +02:00
Félix Péault
203641918e Carousel: Don't use aria-hidden="false" 2020-04-06 18:51:42 +02:00
Félix Péault
90765b0725 More accessibility fixes
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-06 15:49:17 +02:00
Félix Péault
f37bef2628 Carousel: Fix ARIA stuff 2020-04-06 15:06:34 +02:00
Félix Péault
11e06c51c9 Add some a11y to the mix
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-06 13:37:43 +02:00
Félix Péault
6561b24f75 Carousel: Load only visible and sibling photos
All checks were successful
continuous-integration/drone/push Build is passing
Details 
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
Félix Péault
bdc305a77a Fix some responsive and style
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 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
Félix Péault
37c5cb2c4e Bring back the sapper-noscroll attribute
All checks were successful
continuous-integration/drone/push Build is passing
Details 
Window scroll is now been triggered manually during the page transition and not automatically by Sapper
 2020-04-04 11:46:17 +02:00
Félix Péault
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
Félix Péault
730eb75457 WIP attempt to fix page transitions, Several edits
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-02 16:07:31 +02:00
Félix Péault
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
Félix Péault
2dc51a167a ⚠️ Use alias Rollup plugin to omit full imports
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 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
Félix Péault
59f287af2b Optimize some components
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 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
Félix Péault
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
Félix Péault
86a38c8987 Carousel: Add rel attributes to controls
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-29 18:45:15 +02:00
Félix Péault
18b9ece009 Fullscreen fixes
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 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
Félix Péault
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
Félix Péault
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
Félix Péault
0ebd6b2601 Homepage: Enable Fullscreen on Carousel
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-28 22:09:27 +01:00
Félix Péault
40811ab21e Carousel: Use swipe-listener for proper swipe gesture
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-28 20:02:02 +01:00
Félix Péault
0635b65abf Add Fullscreen in viewer, Track links with Google Analytics, Use .env file
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 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
Félix Péault
3a4b1c2c85 Carousel: Fix dispatch default parameter value
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-27 11:23:04 +01:00
Félix Péault
ebf1d99645 Code clean 2020-03-27 11:14:16 +01:00
Félix Péault
f11185e940 Pagination dots: Add class as a prop
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-25 14:26:31 +01:00
Félix Péault
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
Félix Péault
3d9702db33 Fix pagination message not appearing 2020-03-24 19:44:01 +01:00
Félix Péault
9965c9dec3 Rework API calls and each loops 2020-03-16 12:57:53 +01:00
Félix Péault
8aa2524e7f Cleanup 2020-03-11 17:23:58 +01:00
Félix Péault
8c9000a7c9 Carousel: Fix animation import
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-11 15:02:38 +01:00
Félix Péault
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
Félix Péault
a60a67a892 Scope animations 2020-03-10 21:18:25 +01:00
Félix Péault
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
Félix Péault
adf2563eb8 Reorganise functions, Use custom Format Date/Relative Time over dayjs 2020-03-06 14:14:17 +01:00
Félix Péault
c63c7a5826 Rework a little Footer links 
Remove the text before the collective's logo
 2020-03-06 11:11:17 +01:00
Félix Péault
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
Félix Péault
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
Félix Péault
a7831d2202 Add error page 2020-03-03 17:41:06 +01:00
Félix Péault
d823f28054 Restructure utility files, Use a bundle.css to fix CSS issues
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-03 15:36:57 +01:00
Félix Péault
2ebf3ea8d2 Fix links rel when using target blank on links 2020-03-03 10:55:08 +01:00
Félix Péault
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