oakstudios / joinmastodon

The official Mastodon project homepage
https://joinmastodon.org
0 stars 0 forks source link

Add carousel to testimonials #57

Closed mikabusante closed 2 years ago

mikabusante commented 2 years ago

Added a carousel to the testimonials section. Ran into some issues with the react flickity component (couldn't get it to work at all 😿) and just plain flickity (errors with pre-rendering on the server that I couldn't find a workaround for), so I just went with pure-react-component.

Not 100% happy with this since the spacing looks odd when their are two short cards and one long one like:

Screen Shot 2022-07-29 at 12 31 08 PM

Also tried to add the carousel to the Why Mastodon section but was having issues getting the cards to be centered, so I just kept them stacked for now.

@tyleemem @danielgamage could u take a look on the preview and lmk what u think? I'm wondering if it's worth it to keep working on the carousel today or if we could just display them in a grid for now(maybe with max 6 items??)

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
joinmastodon ✅ Ready (Inspect) Visit Preview Jul 29, 2022 at 6:01PM (UTC)
tyleemem commented 2 years ago

I agree with you on it looking odd when the lengths aren't nicely arranged. The feedback that Eugen left on this part has me ironing it out a bit but I think stacking in a grid would be okay.

mikabusante commented 2 years ago

updated to use a grid instead of a carousel, closes #22