mirror of
https://github.com/vinta/awesome-python.git
synced 2026-03-24 01:19:46 +08:00
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:
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user