Add README shields to publicsite hero

Signed-off-by: Nick Sweeting <git@sweeting.me>
This commit is contained in:
Nick Sweeting 2026-04-23 22:14:44 -07:00
parent 166a161b85
commit 9c71acc2b2
2 changed files with 29 additions and 0 deletions

View File

@ -72,6 +72,14 @@
<a class="button primary" href="#install">Run with Docker Compose</a>
<a class="button secondary" href="https://demo.archivebox.io">View demo</a>
</div>
<div class="hero-shields" aria-label="Project stats and package links">
<a href="https://github.com/ArchiveBox/ArchiveBox/blob/dev/LICENSE"><img src="https://img.shields.io/badge/Open_source-MIT-green.svg?logo=git&amp;logoColor=green" alt="Open source MIT badge"></a>
<a href="https://github.com/ArchiveBox/ArchiveBox/commits/dev"><img src="https://img.shields.io/github/last-commit/ArchiveBox/ArchiveBox.svg?logo=Sublime+Text&amp;logoColor=green&amp;label=Active" alt="Active development badge"></a>
<a href="https://github.com/ArchiveBox/ArchiveBox"><img src="https://img.shields.io/github/stars/ArchiveBox/ArchiveBox.svg?logo=github&amp;label=Stars&amp;logoColor=blue" alt="GitHub stars badge"></a>
<a href="https://hub.docker.com/r/archivebox/archivebox"><img src="https://img.shields.io/docker/pulls/archivebox/archivebox.svg?label=Docker+Pulls" alt="Docker pulls badge"></a>
<a href="https://pypi.org/project/archivebox/"><img src="https://img.shields.io/pypi/dm/archivebox?label=PyPI%20Installs&amp;color=%235f7dae" alt="PyPI installs badge"></a>
<a href="https://chromewebstore.google.com/detail/archivebox-exporter/habonpimjphpdnmcfkaockjnffodikoj"><img src="https://img.shields.io/chrome-web-store/users/habonpimjphpdnmcfkaockjnffodikoj?label=Chrome%20Store&amp;color=%231973e8" alt="Chrome store users badge"></a>
</div>
<div class="hero-links" aria-label="Project links">
<a href="https://github.com/ArchiveBox/ArchiveBox/wiki/Quickstart">Quickstart</a>
<a href="https://github.com/ArchiveBox/ArchiveBox/wiki">Documentation</a>

View File

@ -242,6 +242,27 @@ h3 {
margin: 32px 0 20px;
}
.hero-shields {
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin: 0 0 20px;
}
.hero-shields a {
display: inline-flex;
align-items: center;
}
.hero-shields a:hover {
text-decoration: none;
}
.hero-shields img {
display: block;
height: 20px;
}
.button {
display: inline-flex;
min-height: 46px;