Skip to content

Replace provider logo grid with scrolling marquee - #40

Merged
rami-stripe merged 4 commits into
mainfrom
rami-stripe/logo-marquee
Jun 10, 2026
Merged

Replace provider logo grid with scrolling marquee#40
rami-stripe merged 4 commits into
mainfrom
rami-stripe/logo-marquee

Conversation

@rami-stripe

@rami-stripe rami-stripe commented Jun 10, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Replaces static 4-column logo grid with 3-row infinite scrolling marquee
  • Rows scroll at staggered speeds (48s, 55s, 60s) in alternating directions (left, right, left)
  • Logos pause on hover (with !important to override inline animation styles), fade at edges via CSS mask
  • JS measures exact scroll distance for seamless looping (no jump on reset)
  • Random start position per page load via negative animation-delay
  • prefers-reduced-motion falls back to static wrapped layout
  • ViewBox trimming on multiple logos (Wix, Neon, Chroma, Clerk, Vercel, Railway, PlanetScale, PostHog) for tighter visual balance
  • Vercel logo sized down for better visual consistency
  • 48 logos total (Squarespace removed), alphabetical within each row

Dependencies

Test plan

  • All 3 rows scroll smoothly with no visible jump on loop reset
  • Rows scroll in alternating directions (left, right, left)
  • Hover pauses the row
  • Each page reload starts rows at a different position
  • Logos are clickable and navigate to /providers/#name
  • Reduced motion: falls back to static layout
  • Mobile: rows still scroll, no overflow visible
  • Build passes (npm run build)

🤖 Generated with Claude Code

rami-stripe and others added 2 commits June 9, 2026 23:33
Committed-By-Agent: claude
- 3 rows scrolling at different speeds (40s, 35s, 45s), alternating directions
- CSS fade edges, pause-on-hover, reduced-motion fallback
- JS-measured scroll distance for seamless looping with no jump
- Random animation start position per session via negative delay
- ViewBox trimming on Wix, Neon, Chroma, Clerk, Vercel, Railway,
  PlanetScale, PostHog for tighter visual balance
- 48 logos (removed Squarespace), alphabetical within each row

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Committed-By-Agent: claude
@vercel

vercel Bot commented Jun 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
projects-site Ready Ready Preview, Comment Jun 10, 2026 2:25pm

Request Review

- Slow down row durations (48s / 55s / 60s) for a calmer feel
- Add !important to animation-play-state so hover pause wins over inline styles
- Reduce Vercel logo size to better match surrounding logos

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Committed-By-Agent: claude
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Committed-By-Agent: claude
@rami-stripe
rami-stripe merged commit 4f23af4 into main Jun 10, 2026
2 checks passed
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