Skip to content

Redesign meetup detail page with card layout and carousel#138

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

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

Conversation

@paulacianelli
Copy link
Copy Markdown

@paulacianelli paulacianelli commented Apr 16, 2026

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

🤖 Generated with Claude Code

paulacianelli and others added 2 commits April 11, 2026 10:06
- Breadcrumb nav, hero with date badge, two-column card grid
- Host card with logo/description/link, speakers card with deduplication
- Talk carousel with prev/next navigation and slide counter
- Spanish month abbreviations and year anchor IDs on meetup list
- Accessible breadcrumb separators, speaker photo fallback in slides
- Vanilla JS carousel using scroll-snap + IntersectionObserver

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@paulacianelli paulacianelli requested a review from a team as a code owner April 16, 2026 16:59
Comment thread Gemfile
gem "webrick", "~> 1.8"

group :development, :test do
gem "rspec", "~> 3.13"
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

??

@github-actions
Copy link
Copy Markdown

🔍 Preview: https://09dccca7.ruby-uy.pages.dev

@elcuervo
Copy link
Copy Markdown
Contributor

Ahi arregle los previews para forks @paulacianelli.
Parece rota la pagina https://09dccca7.ruby-uy.pages.dev/meetups/2026-04-06/crunchloop

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.

4 participants