flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
308 Commits 2 Branches 0 Tags
11c95ce4f257fc518724aa6b4ca4301a35041b05
Commit Graph

58 Commits

Author SHA1 Message Date
Félix Péault
11c95ce4f2 Locations: Make it temp 3 not-too-large columns
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-21 13:09: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
f6c385798b Remove unclear cursors 
They look drastically different on different browsers/OS
 2020-04-21 10:27:02 +02:00
Félix Péault
c37a8238f3 SCSS: Fix breakpoint mobile naming 
From "m" to "mob"
 2020-04-19 19:42:52 +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
85cb624a31 Code clean 2020-04-10 12:00:11 +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
3f7dd758b8 Locations: Use grid over flexbox 
- More flexible and consistent, avoids weird spacing and centering
- TODO: center alone locations on a row?
 2020-04-09 23:17:13 +02:00
Félix Péault
d6671f0e94 Carousel: Fix transitions due to opacity and box-shadow
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-09 20:27:45 +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
13ac133db6 Add cursors on links 2020-04-09 10:48:31 +02:00
Félix Péault
b28fd9b8fe Photos: Fix last photo truncated number
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-07 22:30:51 +02:00
Félix Péault
9f405cc1d1 Carousel: Add URL to location 2020-04-07 22:30:24 +02:00
Félix Péault
ed34e23cea Pagination: Fix sizes on smaller screens 
Keep the big numbers for medium screens
 2020-04-07 19:33:01 +02:00
Félix Péault
1a05c35fc8 Fix index animations
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-07 13:25:56 +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
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
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
7601fe8b44 Fix global horizontal overflow 2020-04-04 18:13:13 +02:00
Félix Péault
2170cd2e57 Fix some responsive and scrolling issues
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-04 16:11:42 +02:00
Félix Péault
80f621d38b Locations: Fix container
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-04-04 13:03:03 +02:00
Félix Péault
751694605a Carousel: Fix overlay corners 2020-04-04 11:37:54 +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
1cc823e9d1 Carousel: Card stacking effect on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- As well as a grabbing cursor to indicate the click and drag interaction
 2020-03-31 20:03:42 +02:00
Félix Péault
02974aa00c Photo: Fix Number parallax and Location margins 2020-03-29 19:44:00 +02:00
Félix Péault
25fa9e1c07 Fix some spacing
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- Footer links icons
- Browse locations
 2020-03-29 12:17:50 +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
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
6edbfc9def Carousel: Fix min-height for the location on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-25 12:31:51 +01:00
Félix Péault
7d8285ac6d Photo: Fix number positioning and parallax effect
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-03-25 12:28:47 +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
63f8cd1ae3 Fix pagination padding 2020-03-24 22:55:46 +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
94a93bbcd5 Set circles heights to 100% over 50vh
Some checks failed
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
Félix Péault
e983a4f8b7 Footer: Fix links alignment 2020-03-11 10:31:44 +01:00
Félix Péault
582ee688f3 Footer: Fix collective logo alignment on mobile
Some checks failed
continuous-integration/drone/push Build is failing
Details
2020-03-10 21:26:00 +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
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
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
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
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
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
Félix Péault
fd45ce1731 Carousel: Rewrite some classes 2020-02-29 10:47:46 +01:00
Félix Péault
3857223a54 Carousel: Working dots 2020-02-27 23:06:52 +01:00
Félix Péault
a5e692eeb2 Photos list CSS cleanup 2020-02-26 16:00:21 +01:00
Félix Péault
fab89736ed Carousel: Add a transition on title when changing photo 2020-02-26 15:58:22 +01:00
Félix Péault
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
Félix Péault
52e65ed8df Photos styling fixes 2020-02-20 19:02:40 +01:00
Félix Péault
f1af0806f1 WIP for the locations list 
Needs some fixes for the appearing items
 2020-02-17 22:39:40 +01:00