style: refine website footer and heading

This commit is contained in:
Vinta Chen
2026-03-22 08:05:25 +08:00
parent 7d1d9e0af3
commit 06a5a701a0
3 changed files with 21 additions and 26 deletions

View File

@@ -402,10 +402,9 @@ kbd {
.results-intro h2,
.final-cta h2 {
font-family: var(--font-display);
font-size: clamp(2.2rem, 5vw, 4rem);
font-size: clamp(2.2rem, 4vw, 3.3rem);
line-height: 0.94;
letter-spacing: -0.03em;
text-wrap: balance;
}
.results-section {
@@ -874,18 +873,15 @@ th[data-sort].sort-asc::after {
padding: 1.2rem var(--shell-pad);
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
gap: 1rem;
font-size: var(--text-xs);
color: var(--ink-muted);
}
.footer-copy,
.footer-links {
display: flex;
align-items: center;
gap: 0.45rem;
flex-wrap: wrap;
display: block;
text-align: right;
}
.footer-sep {
@@ -1011,6 +1007,10 @@ th[data-sort].sort-asc::after {
width: 100%;
}
.footer {
align-items: flex-end;
}
.hero h1 {
font-size: clamp(3.2rem, 18vw, 4.8rem);
}

View File

@@ -44,29 +44,24 @@
<main id="content">{% block content %}{% endblock %}</main>
<footer class="footer">
<div class="footer-copy">
Maintained by
<a href="https://vinta.ws/" target="_blank" rel="noopener">Vinta</a>
for the Python community.
</div>
<div class="footer-links">
<a
href="https://github.com/vinta/awesome-python"
target="_blank"
rel="noopener"
>Repository</a
>
<span class="footer-sep">/</span>
<a
href="https://github.com/vinta/awesome-python/blob/master/CONTRIBUTING.md"
target="_blank"
rel="noopener"
>Contribute</a
<span
>Made by
<a href="https://vinta.ws/" target="_blank" rel="noopener"
>Vinta</a
></span
>
<span class="footer-sep">/</span>
<a href="https://github.com/vinta" target="_blank" rel="noopener"
>GitHub</a
>
<span class="footer-sep">/</span>
<a
href="https://twitter.com/vinta"
target="_blank"
rel="noopener"
>Twitter</a
>
</div>
</footer>

View File

@@ -80,7 +80,7 @@
<div class="results-intro section-shell" data-reveal>
<div>
<p class="section-label">Library index</p>
<h2>One searchable surface for the ecosystem.</h2>
<h2>One searchable surface for the ecosystem</h2>
</div>
<p class="results-note">
Use <kbd>/</kbd> to focus search, tap a tag to filter, and open a row for