From 9c71acc2b213e487b71f1dde5ee12d127342084c Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@sweeting.me>
Date: Thu, 23 Apr 2026 22:14:44 -0700
Subject: [PATCH] Add README shields to publicsite hero

Signed-off-by: Nick Sweeting <git@sweeting.me>
---
 publicsite/index.html |  8 ++++++++
 publicsite/styles.css | 21 +++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/publicsite/index.html b/publicsite/index.html
index 2c0b88a5..da91555a 100644
--- a/publicsite/index.html
+++ b/publicsite/index.html
@@ -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>
diff --git a/publicsite/styles.css b/publicsite/styles.css
index 29ff0482..90086184 100644
--- a/publicsite/styles.css
+++ b/publicsite/styles.css
@@ -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;