docs: add sponsors section to website homepage

This commit is contained in:
Benoit Chesneau 2026-01-24 02:19:14 +01:00
parent 375e79e95b
commit f0952e5874
2 changed files with 68 additions and 0 deletions

View File

@ -360,6 +360,62 @@
color: var(--text-muted);
}
/* ============================================
Sponsors
============================================ */
.sponsors {
text-align: center;
}
.sponsors h2 {
font-size: 1.75rem;
margin: 0 0 0.5rem 0;
}
.sponsors p {
color: var(--text-muted);
margin: 0 0 2rem 0;
}
.sponsors__logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
min-height: 60px;
}
.sponsors__logos img {
max-height: 50px;
max-width: 150px;
filter: grayscale(100%);
opacity: 0.7;
transition: all 0.15s ease;
}
.sponsors__logos img:hover {
filter: grayscale(0%);
opacity: 1;
}
[data-md-color-scheme="slate"] .sponsors__logos img {
filter: grayscale(100%) brightness(1.5);
}
[data-md-color-scheme="slate"] .sponsors__logos img:hover {
filter: grayscale(0%) brightness(1);
}
.sponsors__placeholder {
color: var(--text-muted);
font-size: 0.875rem;
padding: 1rem 2rem;
border: 2px dashed var(--border);
border-radius: 8px;
}
/* ============================================
Footer CTA
============================================ */

View File

@ -114,6 +114,18 @@ title: Gunicorn - Python WSGI HTTP Server
</div>
</section>
<section class="sponsors">
<div class="container">
<h2>Sponsors</h2>
<p>Gunicorn is maintained thanks to our sponsors.</p>
<div class="sponsors__logos">
<!-- Sponsor logos will appear here -->
<span class="sponsors__placeholder">Your logo here</span>
</div>
<a class="btn btn--secondary" href="https://github.com/sponsors/benoitc">Become a Sponsor</a>
</div>
</section>
<section class="home-footer">
<div class="container">
<h2>Join the Community</h2>