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

314 Commits

Author SHA1 Message Date
Félix Péault
cd51724d8b Globe: Remove fade on Lazy loading 2020-04-21 15:02:56 +02:00
Félix Péault
bdf93e89fb Last little fixes and debugging 2020-04-21 13:09:11 +02:00
Félix Péault
65c9822b73 Globe: Add opacity option, Part globe WIP 
- Don't run the onScroll method on load, creates a funky translate otherwise
- Bind window innerHeight via Svelte
- Path scroll smoothing option value as prop
 2020-04-21 09:46:27 +02:00
Félix Péault
1b32b9480f Choose: Add label to home link
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-19 20:51:07 +02:00
Félix Péault
1cddc26625 Globe: Temporary fix for responsive sizing, Add correct margins top/bottom
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window
 2020-04-19 20:13:01 +02:00
Félix Péault
9220e6cf8d Place: Adapt parallax with responsive 2020-04-19 20:10:06 +02:00
Félix Péault
302af713d0 Globe: Add more props settings, Randomly position globe to a continent 
- Add a little delay before restarting the rotation when hovering a marker
 2020-04-19 17:34:51 +02:00
Félix Péault
094614f83c Globe edits WIP
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Added visible continents to options
 2020-04-19 14:49:52 +02:00
Félix Péault
c1bb2f31bc Place: Use Rellax to add some parallax effects 
- Added on title, switcher button and illustration
- Not very suitable for photo number
 2020-04-19 12:49:38 +02:00
Félix Péault
06c1475c5f Sitemap: Get location modified date if no photo exists 
Only for not throwing an error
 2020-04-19 12:26:16 +02:00
Félix Péault
3c05d6d222 Performances optimizations WIP
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-17 14:33:49 +02:00
Félix Péault
bb5689f0b6 Preload and preconnect in layout's head 2020-04-17 10:11:38 +02:00
Félix Péault
2d0f70d57b TEMP disable globe
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-16 18:19:54 +02:00
Félix Péault
b0b20da89b WIP performances
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-16 17:40:18 +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
aeb4196918 Fix some stuff
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Error page now displaying (+ removed globe, more space between content and footer)
- Manipulate data if existing
 2020-04-14 22:23:01 +02:00
Félix Péault
5a00c6f552 Disable Google Analytics tracker for dev and Google PageSpeed bot
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-13 10:38:52 +02:00
Félix Péault
c059c07778 Place: Bind window width to a variable 
An error (window is not defined) would throw otherwise
 2020-04-12 11:58:21 +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
7180419fb0 Place: Add @1x desktop illustration size, Optimize responsive
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-11 19:33:37 +02:00
Félix Péault
90bdb5890d Place: Fix illustration conditions and uneven margin
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-11 11:18:23 +02:00
Félix Péault
e5668f3a72 Fix SVGs
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-10 12:16:38 +02:00
Félix Péault
abe09f0f69 Fix responsive margins and spacing around the globe
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-09 23:53:43 +02:00
Félix Péault
67902bc5a8 Globe: Modify the cut version 2020-04-09 23:10:21 +02:00
Félix Péault
7a44d5b0ed ⚠️ The interactive globe has arrived (WIP but pretty good) 
- Control the width/height of the globe via CSS
 2020-04-09 20:22:10 +02:00
Félix Péault
e0abb558d8 Viewer: Fix responsive and positioning 2020-04-08 19:31:24 +02:00
Félix Péault
240c92c6f6 Viewer: Fix scrolling back up when changing photo 2020-04-08 14:33:24 +02:00
Félix Péault
9f405cc1d1 Carousel: Add URL to location 2020-04-07 22:30:24 +02:00
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