diff --git a/apps/web/src/views/landing.ejs b/apps/web/src/views/landing.ejs index ca317ec..f9c0923 100644 --- a/apps/web/src/views/landing.ejs +++ b/apps/web/src/views/landing.ejs @@ -131,6 +131,34 @@ border: 1px solid #eab30840; box-shadow: 0 0 30px rgba(234, 179, 8, 0.06); } + + /* Status page showcase bar tooltips */ + .demo-bar { position: relative; } + .demo-bar .demo-tip { + display: none; + position: absolute; + bottom: calc(100% + 8px); + left: 50%; + transform: translateX(-50%); + background: #1a1a1f; + border: 1px solid #2a2a30; + border-radius: 6px; + padding: 8px 10px; + font-size: 11px; + line-height: 1.5; + color: #94a3b8; + white-space: nowrap; + z-index: 10; + box-shadow: 0 8px 24px rgba(0,0,0,0.4); + pointer-events: none; + } + .demo-bar:hover .demo-tip { display: block; } + .demo-tip .tip-head { color: #64748b; font-size: 10px; margin-bottom: 4px; } + .demo-tip .tip-row { display: flex; justify-content: space-between; gap: 12px; } + .demo-tip .tip-row span:last-child { color: #e2e8f0; font-weight: 600; font-variant-numeric: tabular-nums; } + .demo-tip .tip-good { color: #10b981; } + .demo-tip .tip-warn { color: #f59e0b; } + .demo-tip .tip-bad { color: #ef4444; }
@@ -299,7 +327,7 @@Branded status pages with heartbeat bars, uptime percentages, incident timelines, and RSS. Share a link, not a login.
+Public status pages with live uptime, heartbeat history, incidents, and RSS. Set one up in a minute and give your users somewhere to check.
Retry before declaring down. Resend alerts for persistent outages. Kills flapping noise from transient blips.
+Retry before declaring down. Resend alerts for persistent outages. No more false alarms from a single failed request.