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

51 Commits

Author SHA1 Message Date
flayks e5668f3a72 Fix SVGs
continuous-integration/drone/push Build is passing
Details
2020-04-10 12:16:38 +02:00
flayks 85cb624a31 Code clean 2020-04-10 12:00:11 +02:00
flayks 6d27fcb5d8 Globe: Rename instance 2020-04-09 23:15:34 +02:00
flayks 67902bc5a8 Globe: Modify the cut version 2020-04-09 23:10:21 +02:00
flayks 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
flayks 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
flayks 11e06c51c9 Add some a11y to the mix
continuous-integration/drone/push Build is passing
Details
2020-04-06 13:37:43 +02:00
flayks 60fdf02112 Photo: Tweak reveal animations and fix horizontal scroll 
- Photo number doesn't jumps anymore (now reveals based on photo not the number)
- Properly reveal title locations lines
- Optimize code
 2020-04-06 12:14:48 +02:00
flayks bdc305a77a Fix some responsive and style
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
flayks b80941a0df Temporarily disable the globe 2020-04-04 12:46:46 +02:00
flayks 37c5cb2c4e Bring back the sapper-noscroll attribute
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
flayks 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
flayks 5a49bc7b5f Globe: Add country slug
continuous-integration/drone/push Build is failing
Details
2020-04-02 21:08:46 +02:00
flayks 2064885997 WIP Interactive globe from Nico's sources 
- The globe is a bit small? Ability to control the max-min size potentially
- Is there a reason why `globe.update()` runs every second? Sounds like a lot of resources?
- Have the ability to control the `addEventListener` of the markers to do whatever (in this case, going to a route by clicking on a link with a sapper-noscroll attribute + changing the href attribute on click - the method `goto` from Sapper scrolls back to top / maybe something to fix with the current transition issues?)
- Edited in `./index.js`:
    1. Using the class as `export default WebglGlobe` instead of Window (as Svelte or Sapper doesn't likayt)
- Edited in `Camera.js`:
    1. Commented line 218: `e.preventDefault();` would cause this error: `[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>`
 2020-04-02 20:59:40 +02:00
flayks 88186f479c Photo: Code optimization
continuous-integration/drone/push Build is passing
Details 
- Avoid double declaration of sources
- Use class over an HTML tag for image reveal animation
 2020-03-31 17:55:32 +02:00
flayks 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
flayks 2dc51a167a ⚠️ Use alias Rollup plugin to omit full imports
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
flayks 3e6a35f78f Photo: Fix usage of same ID for transition 2020-03-29 19:20:48 +02:00
flayks 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
flayks f11185e940 Pagination dots: Add class as a prop
continuous-integration/drone/push Build is passing
Details
2020-03-25 14:26:31 +01:00
flayks 7d8285ac6d Photo: Fix number positioning and parallax effect
continuous-integration/drone/push Build is passing
Details
2020-03-25 12:28:47 +01:00
flayks 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
flayks 9965c9dec3 Rework API calls and each loops 2020-03-16 12:57:53 +01:00
flayks 8aa2524e7f Cleanup 2020-03-11 17:23:58 +01:00
flayks 29834a5b95 Fix some accessibility issues on links without text 2020-03-11 10:31:11 +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 a60a67a892 Scope animations 2020-03-10 21:18:25 +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 adf2563eb8 Reorganise functions, Use custom Format Date/Relative Time over dayjs 2020-03-06 14:14:17 +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 d823f28054 Restructure utility files, Use a bundle.css to fix CSS issues
continuous-integration/drone/push Build is passing
Details
2020-03-03 15:36:57 +01:00
flayks 905fbb3bfe Temporary Interactive globe 2020-03-02 22:25:10 +01:00
flayks 8a4faa616e Fix components imports
continuous-integration/drone/push Build is passing
Details
2020-02-29 21:15:17 +01:00
flayks faa16d1b16 Fix BEM misuse 2020-02-29 19:19:25 +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
flayks 62611a5559 Prefetch links on hover 2020-02-29 10:50:00 +01:00
flayks 4d8493e407 Credits: Add temporary globe at bottom 2020-02-29 10:47:01 +01:00
flayks a73d9ff71c Tabs to spaces and code cleaning 2020-02-27 23:08:13 +01:00
flayks e212829db5 Add a link with a translate transirion 2020-02-27 23:05:42 +01:00
flayks ba36c9a8b6 Fix photos list and add currentPhotos store 
Go from one object to two to avoid issues when using an object key
 2020-02-26 15:59:44 +01:00
flayks 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
flayks 042440188e Add a credit page and make style reusable 2020-02-26 15:52:13 +01:00
flayks afb087408c Optimize components 
- Use class attribute over className
- Code cleaning
 2020-02-26 15:49:56 +01:00
flayks 8ccdac64d3 Use Lazy Loading for photos 2020-02-20 19:01:54 +01:00
flayks f1af0806f1 WIP for the locations list 
Needs some fixes for the appearing items
 2020-02-17 22:39:40 +01:00
flayks 615182d6fb Add parallax and reveal effects + performances on transitions 2020-02-17 22:38:51 +01:00
flayks 7c3d782260 Switcher: Add a link to homepage 2020-02-14 12:39:20 +01:00
flayks 3badc0c1d6 Load different images sizes depending on the screen size 
Use responsive images `<picture>` to load different sizes
 2020-02-14 12:38:48 +01:00
flayks 450de171e6 Code optimization and fixes 2020-02-14 12:37:35 +01:00
flayks ef23d90eb6 WIP 2020-02-13 22:24:28 +01:00