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>
This commit is contained in:
Vinta Chen
2026-03-22 16:29:47 +08:00
parent 321df7b78c
commit 014ba9e394
2 changed files with 2 additions and 36 deletions

View File

@@ -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%);

View File

@@ -49,8 +49,6 @@
</div>
</div>
</div>
<a href="#library-index" class="hero-scrollcue">Jump to the list</a>
</div>
</header>
{% endblock %} {% block content %}