Skip to content

Redesign meetup detail page with card layout and carousel#138

Closed
paulacianelli wants to merge 2 commits intorubyuy:mainfrom
paulacianelli:add-speakers-page
Closed

Redesign meetup detail page with card layout and carousel#138
paulacianelli wants to merge 2 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

@paulacianelli paulacianelli requested a review from a team as a code owner April 16, 2026 16:59
Comment thread Gemfile Outdated
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

- Replaces plain layout with breadcrumb nav, hero section, and two-column card grid (host + speakers left, talk carousel right)
- Adds vanilla JS carousel using scroll-snap + IntersectionObserver with prev/next buttons and slide counter
- Updates meetup list to use Spanish month abbreviations and adds year anchor IDs for breadcrumb deep-links
- Fixes accessible breadcrumb separators and adds speaker.photo fallback in carousel slide avatars
@github-actions
Copy link
Copy Markdown

🔍 Preview: https://ce2f10d1.ruby-uy.pages.dev

@paulacianelli paulacianelli deleted the add-speakers-page branch April 20, 2026 20:44
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