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

176 Commits

Author SHA1 Message Date
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
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
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
b00fbd031e Viewer: Fix Carousel elements positioning 2020-03-31 20:02:27 +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
093c87d156 Place: Add a max-height to the illustration 2020-03-24 22:56:22 +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
0b55be4222 Place: Add a gradient on illustration if too high
Some checks failed
continuous-integration/drone/push Build was killed
Details
2020-03-11 14:51:21 +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
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
cd1033f97b Place: Show last updated before medium screen 2020-03-06 14:14:48 +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
a7831d2202 Add error page 2020-03-03 17:41:06 +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
6019017596 Temporary place illustration, Half globe on credits style 2020-02-29 11:20:36 +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
042440188e Add a credit page and make style reusable 2020-02-26 15:52:13 +01:00
Félix Péault
37145c46b1 Location: Style fixes 2020-02-20 19:02:49 +01:00
Félix Péault
0174ba08f2 Tweaks and fixes 2020-02-17 22:36:36 +01:00
Félix Péault
6fb6937c1a Create a functioning carousel 
Thanks a million to Grafikart!
 2020-02-17 22:33:44 +01:00
Félix Péault
450de171e6 Code optimization and fixes 2020-02-14 12:37:35 +01:00
Félix Péault
ef23d90eb6 WIP 2020-02-13 22:24:28 +01:00
Félix Péault
9b0c154f61 WIP React > Svelte 
Put most of the developed design into Svelte
 2020-02-11 15:09:32 +01:00