update styles

This commit is contained in:
Vinta Chen
2026-08-16 20:25:19 +08:00
parent e63de26416
commit 8b14b4fd1e
2 changed files with 20 additions and 23 deletions
+13 -2
View File
@@ -306,7 +306,7 @@ kbd {
} }
.hero-sub { .hero-sub {
margin-top: 1.3rem; margin-top: 2rem;
color: var(--hero-muted); color: var(--hero-muted);
font-size: clamp(1rem, 2vw, 1.18rem); font-size: clamp(1rem, 2vw, 1.18rem);
text-wrap: pretty; text-wrap: pretty;
@@ -331,12 +331,23 @@ kbd {
} }
.hero-proof { .hero-proof {
margin-top: 1.5rem; margin-top: 0.5rem;
color: var(--hero-proof); color: var(--hero-proof);
font-size: var(--text-sm); font-size: var(--text-sm);
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
.hero-proof a {
color: var(--hero-text);
text-decoration: underline;
text-decoration-color: oklch(100% 0 0 / 0.25);
text-underline-offset: 0.2em;
}
.hero-proof a:hover {
text-decoration-color: oklch(100% 0 0 / 0.6);
}
.hero-category-nav { .hero-category-nav {
display: grid; display: grid;
grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr); grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
+7 -21
View File
@@ -24,22 +24,16 @@
<div class="hero-grid"> <div class="hero-grid">
<div class="hero-copy"> <div class="hero-copy">
<p class="hero-kicker">The field guide to the Python ecosystem</p> <p class="hero-kicker">The definitive list that answers "I want to do X in Python, which tool should I use?"</p>
<h1>Awesome Python</h1> <h1>Awesome Python</h1>
<p class="hero-sub"> <p class="hero-sub">{{ subtitle }}</p>
{{ subtitle }}<br />Maintained by <p class="hero-proof">
<a href="https://github.com/vinta" target="_blank" rel="noopener" {% if repo_stars %}{{ repo_stars }}+ stars on GitHub{% endif %} {% if repo_stars and build_date %}/{% endif %} {% if build_date %}Updated {{ build_date }}{% endif %} {% if repo_stars or
>@vinta</a build_date %}/{% endif %} Maintained by
> <a href="https://github.com/vinta" target="_blank" rel="noopener">@vinta</a>
and and
<a <a href="https://github.com/JinyangWang27" target="_blank" rel="noopener">@JinyangWang27</a>
href="https://github.com/JinyangWang27"
target="_blank"
rel="noopener"
>@JinyangWang27</a
>.
</p> </p>
<div class="hero-actions"> <div class="hero-actions">
<a <a
href="#library-index" href="#library-index"
@@ -55,14 +49,6 @@
>View on GitHub</a >View on GitHub</a
> >
</div> </div>
{% if repo_stars or build_date %}
<p class="hero-proof">
{% if repo_stars %}{{ repo_stars }}+ stars on GitHub{% endif %} {% if
repo_stars and build_date %}/{% endif %} {% if build_date %}Updated {{
build_date }}{% endif %}
</p>
{% endif %}
</div> </div>
</div> </div>