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