diff --git a/docs/index.html b/docs/index.html index a1cc075..c4e53bd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -446,6 +446,35 @@ .demo-note { text-align: left; } } + /* ── Live stats ── */ + .stats-section { padding: 4rem 2rem; } + .stats-inner { max-width: 1100px; margin: 0 auto; text-align: center; } + .stats-live { + display: inline-flex; align-items: center; gap: 0.5rem; + font-size: 0.78rem; color: var(--muted); + text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 2rem; + } + .stats-dot { + width: 8px; height: 8px; border-radius: 50%; background: var(--accent); + animation: stats-pulse 2s infinite; + } + @keyframes stats-pulse { + 0% { box-shadow: 0 0 0 0 rgba(246,130,31,0.5); } + 70% { box-shadow: 0 0 0 8px rgba(246,130,31,0); } + 100% { box-shadow: 0 0 0 0 rgba(246,130,31,0); } + } + .stats-grid { + display: grid; grid-template-columns: repeat(2, 1fr); + gap: 2rem; max-width: 600px; margin: 0 auto; + } + .stat-num { + font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 700; + color: var(--accent); letter-spacing: -0.03em; + font-variant-numeric: tabular-nums; line-height: 1; + } + .stat-label { font-size: 0.9rem; color: var(--muted); margin-top: 0.6rem; } + @media (max-width: 600px) { .stats-grid { gap: 1.5rem; } } + /* ── Nav links ── */ nav-links { display: flex; @@ -661,6 +690,23 @@ + + + + Live from the demo instance + + + 0 + Feeds created + + + 0 + Emails received + + + + + @@ -1064,5 +1110,41 @@ bucket_name = "kill-the-news-attachments" + +