Skip to content

Redesign meetup detail page with card layout and carousel#139

Open
paulacianelli wants to merge 3 commits intorubyuy:mainfrom
paulacianelli:add-speakers-page
Open

Redesign meetup detail page with card layout and carousel#139
paulacianelli wants to merge 3 commits intorubyuy:mainfrom
paulacianelli:add-speakers-page

Conversation

@paulacianelli
Copy link
Copy Markdown

Summary

  • Replaces the plain meetup detail layout with a breadcrumb nav, hero section, and two-column card grid (host + speakers on the left, talk carousel on the right)
  • Adds a vanilla JS carousel using scroll-snap + IntersectionObserver with prev/next buttons and a slide counter
  • Updates the meetup list to use Spanish month abbreviations and adds year anchor IDs for breadcrumb deep-links
  • Fixes accessible breadcrumb separators (aria-hidden on inner <span>, not <li>) and adds speaker.photo fallback in carousel slide avatars

Test plan

  • Visit a meetup detail page and verify hero, host card, speakers card, and talk carousel render correctly
  • Verify carousel prev/next buttons navigate between talks and the counter updates
  • Verify breadcrumb links navigate to /#meetups and /#meetups-{year}
  • Check a speaker with only photo (no github) shows their avatar in both the speakers card and carousel slide
  • Verify the meetup list shows Spanish month abbreviations (e.g. "06 ABR")
  • Test on mobile (≤980px) — layout should stack to single column

@paulacianelli paulacianelli requested a review from a team as a code owner April 20, 2026 21:02
@github-actions
Copy link
Copy Markdown

🔍 Preview: https://62ffd8a1.ruby-uy.pages.dev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant