flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
820 Commits 2 Branches 0 Tags
bf8b2f3ff3dbbe462f15b09b2aa3b91675e2d4fd
Commit Graph

335 Commits

Author SHA1 Message Date
Félix Péault
c5836dcbc1 Smooth scroll to anchor without a library 
Custom function using scrollIntoView with smooth behavior
 2020-04-07 18:47:09 +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
8fabe68241 Code clean, 2020-04-06 12:21:47 +02:00
Félix Péault
bd9b91f480 ⚠️ Fix most animations/transitions performance issues
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP
 2020-04-05 16:07:44 +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
db79ab01e9 Fix currentLocation unintentional reset
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-04 12:09:10 +02:00
Félix Péault
94fa63ef41 Fix pages and components animations 
- Fix delays
- Add the init back for TitleSite as it needs a delay for the page instance vs. loader
 2020-04-04 11:45:26 +02:00
Félix Péault
18eee6952e Woops
Some checks failed
continuous-integration/drone/push Build was killed
Details
2020-04-03 23:07:57 +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
76e2f8242e Sitemap.xml: Add last updated date 
Get each location last photo created date as the latest content added
 2020-04-03 21:07:41 +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
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
58adc052c4 Photo transition: Wait for image to be loaded
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-30 20:19:49 +02:00
Félix Péault
9a8d201f7e Viewer: Coordinate page title and metas 2020-03-29 19:35:02 +02:00
Félix Péault
7f155d495f Add canonical link globally 2020-03-29 19:34:54 +02:00
Félix Péault
1e323ca8a9 Viewer: Change page title on change, Code clean
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-29 19:02:51 +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
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
a883c3ba94 Enable global site transition via a .env boolean
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-28 18:05:47 +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
fbdbe21dd6 Use server detected host for sharing URLs 2020-03-28 12:48:59 +01:00
Félix Péault
af53f4240f Place: Reduce image API call to private_hash
All checks were successful
continuous-integration/drone/push Build is passing
Details 
Avoids all the unnecessary informations such as thumbnails, etc
 2020-03-27 11:14:27 +01:00
Félix Péault
278684ba95 Prefetch links 2020-03-25 12:20:03 +01:00
Félix Péault
846c575f1d Change lettersToSpan name to charsToSpan 2020-03-24 19:44:42 +01:00
Félix Péault
dedf400ea8 Fix things
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-22 20:07:11 +01:00
Félix Péault
7280e83d18 WIP
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-22 17:34:24 +01:00
Félix Péault
d9c529eae0 Place: Fix fields 2020-03-22 17:32:07 +01:00
Félix Péault
4d2d853808 Add sitemap route 
Adds routes and locations to sitemap.xml file
 2020-03-22 17:30:58 +01:00
Félix Péault
8c8ee101f2 Manage displayed photos via the API
All checks were successful
continuous-integration/drone/push Build is passing
Details 
Define limits (for homepage carousel and photos per page on a place) in the site settings via a slider
 2020-03-16 13:11:58 +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
ba5d1de780 Place: Fix title alignments and margins
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-11 19:23:56 +01:00
Félix Péault
6c5f4f41e1 Place: Conditions if undefined latest photo and no illustration 2020-03-11 19:14:30 +01:00
Félix Péault
b61bb805e8 Place: Fix modified_on date format to pass into functions
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-11 17:54:13 +01:00
Félix Péault
6ece6a99df Place: Add API fields
Some checks failed
continuous-integration/drone/push Build is failing
Details
2020-03-11 10:33:08 +01:00
Félix Péault
29834a5b95 Fix some accessibility issues on links without text 2020-03-11 10:31:11 +01:00
Félix Péault
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
Félix Péault
eb529b196e Viewer: Add intro animation, Visual fixes (WIP) 2020-03-10 21:24:06 +01:00
Félix Péault
56a6859aec Credits: Fix transition In 2020-03-07 19:01:00 +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
46488146d0 Location: Avoid route change scroll 2020-03-06 11:18:57 +01:00
Félix Péault
87d026c348 Location: Change markup of the place's name 2020-03-06 11:17:50 +01:00
Félix Péault
ed1ff95eb4 Use site store for title and social metas 2020-03-03 20:40:42 +01:00
Félix Péault
e98452673e Use ZenScroll for smooth scroll on anchors 2020-03-03 20:38:49 +01:00
Félix Péault
4b2610a2b5 Fix photo date 2020-03-03 17:41:24 +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
2fceb5d048 Add some SEO metas (WIP) 2020-03-02 22:33:01 +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
Félix Péault
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