From 014ba9e39407d1104d14ffe29a645fef8defe02d Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 22 Mar 2026 16:29:47 +0800
Subject: [PATCH] refactor(hero): remove redundant scroll cue

The "Jump to the list" anchor duplicated the "Browse the List" button.
Removes the element, its CSS rules, the scroll-line keyframe animation,
and cleans up the offscreen pause and focus-visible selector lists.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 website/static/style.css     | 36 ++----------------------------------
 website/templates/index.html |  2 --
 2 files changed, 2 insertions(+), 36 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index c77aa9e7..73d147c4 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -158,8 +158,7 @@ kbd {
 }
 
 .hero.offscreen .hero-sheen,
-.hero.offscreen .hero-noise,
-.hero.offscreen .hero-scrollcue::after {
+.hero.offscreen .hero-noise {
   animation-play-state: paused;
 }
 
@@ -198,8 +197,7 @@ kbd {
   color: var(--hero-muted);
 }
 
-.hero-topbar-link:hover,
-.hero-scrollcue:hover {
+.hero-topbar-link:hover {
   color: var(--hero-text);
 }
 
@@ -348,7 +346,6 @@ kbd {
 
 .hero-action:focus-visible,
 .hero-topbar-link:focus-visible,
-.hero-scrollcue:focus-visible,
 .search:focus-visible,
 .filter-clear:focus-visible,
 .tag:focus-visible,
@@ -359,24 +356,6 @@ kbd {
   outline-offset: 3px;
 }
 
-.hero-scrollcue {
-  align-self: flex-start;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.65rem;
-  color: var(--hero-muted);
-  font-size: var(--text-xs);
-  letter-spacing: 0.04em;
-}
-
-.hero-scrollcue::after {
-  content: "";
-  width: 3rem;
-  height: 1px;
-  background: var(--hero-line);
-  animation: scroll-line 1.6s ease-in-out infinite;
-}
-
 .results-intro h2,
 .final-cta h2 {
   font-family: var(--font-display);
@@ -984,17 +963,6 @@ th[data-sort].sort-asc::after {
   }
 }
 
-@keyframes scroll-line {
-  0%, 100% {
-    transform: scaleX(0.4);
-    transform-origin: left;
-  }
-  50% {
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-}
-
 @keyframes sheen-drift {
   from {
     transform: translateX(-30%);
diff --git a/website/templates/index.html b/website/templates/index.html
index 226c789d..cb8c276f 100644
--- a/website/templates/index.html
+++ b/website/templates/index.html
@@ -49,8 +49,6 @@
         </div>
       </div>
     </div>
-
-    <a href="#library-index" class="hero-scrollcue">Jump to the list</a>
   </div>
 </header>
 {% endblock %} {% block content %}