flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
1,060 Commits 2 Branches 0 Tags
8d0baa52756d5d29e9f9efb05489057bac92ad6f
Commit Graph

461 Commits

Author SHA1 Message Date
flayks 093c87d156 Place: Add a max-height to the illustration 2020-03-24 22:56:22 +01:00
flayks 63f8cd1ae3 Fix pagination padding 2020-03-24 22:55:46 +01:00
flayks dedf400ea8 Fix things
continuous-integration/drone/push Build is passing
Details
2020-03-22 20:07:11 +01:00
flayks ba5d1de780 Place: Fix title alignments and margins
continuous-integration/drone/push Build is passing
Details
2020-03-11 19:23:56 +01:00
flayks 761bfa7486 Transition: Don't animate height
continuous-integration/drone/push Build is passing
Details 
So use a background div to squeeze and move other elements as well
 2020-03-11 18:33:35 +01:00
flayks 8aa2524e7f Cleanup 2020-03-11 17:23:58 +01:00
flayks 0b55be4222 Place: Add a gradient on illustration if too high
continuous-integration/drone/push Build was killed
Details
2020-03-11 14:51:21 +01:00
flayks 94a93bbcd5 Set circles heights to 100% over 50vh
continuous-integration/drone/push Build is failing
Details 
Depending on the viewport height, it could break the shape
 2020-03-11 10:49:15 +01:00
flayks e983a4f8b7 Footer: Fix links alignment 2020-03-11 10:31:44 +01:00
flayks 582ee688f3 Footer: Fix collective logo alignment on mobile
continuous-integration/drone/push Build is failing
Details
2020-03-10 21:26:00 +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 eb529b196e Viewer: Add intro animation, Visual fixes (WIP) 2020-03-10 21:24:06 +01:00
flayks 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
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 cd1033f97b Place: Show last updated before medium screen 2020-03-06 14:14:48 +01:00
flayks 87d026c348 Location: Change markup of the place's name 2020-03-06 11:17:50 +01:00
flayks ebafb359ae Button control: Add Hover classes (triggered by JS)
continuous-integration/drone/push Build is passing
Details
2020-03-06 11:15:45 +01:00
flayks 9a5c8a135e Buttons: Change text direction on hover 2020-03-06 11:14:13 +01:00
flayks c63c7a5826 Rework a little Footer links 
Remove the text before the collective's logo
 2020-03-06 11:11:17 +01:00
flayks c823e8856e Globe: Hide horizontal overflow 2020-03-06 11:10:33 +01:00
flayks e6724bee6e Globe Icon: Add animated default state 2020-03-06 11:10:18 +01:00
flayks b294800f34 Fix toggle layout buttons hovers 2020-03-03 17:41:37 +01:00
flayks a7831d2202 Add error page 2020-03-03 17:41:06 +01:00
flayks 455f3d65de Use classes for SVG globe icons 2020-03-03 10:54:24 +01:00
flayks 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
flayks 6a58938e71 Rework a little the toggle buttons animations 2020-03-02 22:25:31 +01:00
flayks 905fbb3bfe Temporary Interactive globe 2020-03-02 22:25:10 +01:00
flayks 97256639c4 Fix photo CSS and hover 2020-03-01 12:17:04 +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 6019017596 Temporary place illustration, Half globe on credits style 2020-02-29 11:20:36 +01:00
flayks 1c4be6c9d1 Pagination: Transitions fine tuning 2020-02-29 10:48:10 +01:00
flayks fd45ce1731 Carousel: Rewrite some classes 2020-02-29 10:47:46 +01:00
flayks 4d8493e407 Credits: Add temporary globe at bottom 2020-02-29 10:47:01 +01:00
flayks 631a3e6ccb Rethink buttons hover transitions 2020-02-29 10:46:41 +01:00
flayks b5369b66a8 Fix button style on mobile 2020-02-27 23:07:04 +01:00
flayks 3857223a54 Carousel: Working dots 2020-02-27 23:06:52 +01:00
flayks 716e38d7cc Add some hover on links 2020-02-27 23:06:20 +01:00
flayks e212829db5 Add a link with a translate transirion 2020-02-27 23:05:42 +01:00
flayks a5e692eeb2 Photos list CSS cleanup 2020-02-26 16:00:21 +01:00
flayks fab89736ed Carousel: Add a transition on title when changing photo 2020-02-26 15:58:22 +01:00
flayks 17c1e3e930 Fix pagination spacing 2020-02-26 15:56:32 +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 b084629b37 Title and other CSS fixes 2020-02-20 19:03:47 +01:00
flayks 2fe870847a Button control dashed: Fix SVG size for mobile 2020-02-20 19:03:15 +01:00
flayks 37145c46b1 Location: Style fixes 2020-02-20 19:02:49 +01:00
flayks 52e65ed8df Photos styling fixes 2020-02-20 19:02:40 +01:00
flayks 1e1b2fc1fb Pagination styling 2020-02-20 19:02:32 +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