From d7609720e6a88fc67ee1e5929b6b961fa17adced Mon Sep 17 00:00:00 2001
From: rami-stripe <rami@stripe.com>
Date: Wed, 10 Jun 2026 10:41:46 -0400
Subject: [PATCH] Link marquee logos to /providers page with scroll-to
 highlight

Clicking a logo in the homepage marquee navigates to /providers/#name,
which triggers the existing highlightRow() to scroll and flash the
matching provider row.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Committed-By-Agent: claude
---
 src/index.webc | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/index.webc b/src/index.webc
index 6454a5a..5b273a7 100644
--- a/src/index.webc
+++ b/src/index.webc
@@ -701,6 +701,11 @@ changefreq: "weekly"
     .marquee-row:hover .marquee-track {
         animation-play-state: paused !important;
     }
+    .marquee-logo-link {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+    }
     .marquee-logo {
         width: auto;
         max-width: 8rem;
@@ -709,7 +714,7 @@ changefreq: "weekly"
         transition: opacity 0.2s ease;
         cursor: pointer;
     }
-    .marquee-logo:hover {
+    .marquee-logo-link:hover .marquee-logo {
         opacity: 1;
     }
     @keyframes marquee-scroll {
@@ -731,11 +736,23 @@ changefreq: "weekly"
 
 <script>
 
-    // Marquee: duplicate tracks, measure exact scroll distance, randomize start
+    // Marquee: wrap logos in links, duplicate tracks, measure exact scroll distance, randomize start
     (function marqueeSetup() {
         document.querySelectorAll('.marquee-track').forEach(track => {
             const items = Array.from(track.children);
             items.forEach(item => {
+                const slug = item.getAttribute('data-provider-slug');
+                if (slug) {
+                    const name = slug.split('/')[0];
+                    const link = document.createElement('a');
+                    link.href = '/providers/#' + name;
+                    link.className = 'marquee-logo-link';
+                    item.parentNode.insertBefore(link, item);
+                    link.appendChild(item);
+                }
+            });
+            const wrapped = Array.from(track.children);
+            wrapped.forEach(item => {
                 const clone = item.cloneNode(true);
                 clone.setAttribute('aria-hidden', 'true');
                 track.appendChild(clone);