refactor(hero): remove metrics block from hero section

The projects/categories/topic groups stats added visual clutter to the
hero without contributing to the core purpose of the section.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 16:28:44 +08:00
parent 9447870715
commit 321df7b78c
2 changed files with 0 additions and 55 deletions

View File

@@ -306,11 +306,6 @@ kbd {
margin-top: 1.75rem; margin-top: 1.75rem;
} }
.hero-actions,
.hero-metrics {
width: 100%;
}
.hero-action { .hero-action {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -364,33 +359,6 @@ kbd {
outline-offset: 3px; outline-offset: 3px;
} }
.hero-metrics {
margin-top: clamp(1.8rem, 4vw, 2.8rem);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
max-width: none;
}
.hero-metrics div {
padding-top: 0.9rem;
border-top: 1px solid var(--hero-line);
}
.hero-metrics dt {
font-size: clamp(1.6rem, 3.2vw, 2.4rem);
font-weight: 800;
line-height: 1;
color: var(--hero-text);
}
.hero-metrics dd {
margin-top: 0.3rem;
color: var(--hero-muted);
font-size: var(--text-xs);
letter-spacing: 0.02em;
}
.hero-scrollcue { .hero-scrollcue {
align-self: flex-start; align-self: flex-start;
display: inline-flex; display: inline-flex;
@@ -1094,14 +1062,6 @@ th[data-sort].sort-asc::after {
font-size: clamp(3.6rem, 18vw, 5.2rem); font-size: clamp(3.6rem, 18vw, 5.2rem);
} }
.hero-metrics {
gap: 1rem;
}
.hero-metrics div {
min-width: 0;
}
.search { .search {
min-height: 3.5rem; min-height: 3.5rem;
border-radius: 1.25rem; border-radius: 1.25rem;

View File

@@ -47,21 +47,6 @@
>View on GitHub</a >View on GitHub</a
> >
</div> </div>
<dl class="hero-metrics" aria-label="Site overview">
<div>
<dt>{{ "{:,}".format(entries | length) }}</dt>
<dd>projects</dd>
</div>
<div>
<dt>{{ total_categories }}</dt>
<dd>categories</dd>
</div>
<div>
<dt>{{ groups | length }}</dt>
<dd>topic groups</dd>
</div>
</dl>
</div> </div>
</div> </div>