← back to Ga Allsites
auto-save: 2026-08-05T07:40:04 (1 files) — server.py
132e099ae4f0327e8905fbd334e35a7918217f93 · 2026-08-05 07:40:07 -0700 · Steve Abrams
Files touched
Diff
commit 132e099ae4f0327e8905fbd334e35a7918217f93
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 5 07:40:07 2026 -0700
auto-save: 2026-08-05T07:40:04 (1 files) — server.py
---
server.py | 18 ++++++++++++++++++
1 file changed, 18 insertions(+)
diff --git a/server.py b/server.py
index 63f2052..64465cd 100644
--- a/server.py
+++ b/server.py
@@ -146,6 +146,15 @@ PAGE = r"""<!DOCTYPE html><html><head><meta charset="utf-8">
.kpi{background:#fff;border:1px solid #e6e8ec;border-radius:10px;padding:16px}
.kpi .kv{font-size:25px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi .kl{font-size:12px;color:#667;margin-top:5px}
+ /* liquid gauge orbs */
+ .orbs{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:10px 0 6px}
+ .orb{width:190px;text-align:center}
+ .orb svg{width:170px;height:170px;display:block;margin:0 auto}
+ .orb .olabel{font-size:13px;color:#555;margin-top:8px;font-weight:600}
+ .orb .osub{font-size:11px;color:#8a8f98}
+ .wave{animation:wavemove linear infinite}
+ @keyframes wavemove{from{transform:translateX(0)}to{transform:translateX(-160px)}}
+ .orb .ocenter{font-size:26px;font-weight:800;fill:#12324f;font-variant-numeric:tabular-nums}
/* live moving graphics */
@keyframes pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(2.6);opacity:0}100%{opacity:0}}
.livehero{position:relative;padding:22px 26px;background:linear-gradient(120deg,#180d12,#2a1019);color:#fff;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@@ -160,6 +169,7 @@ PAGE = r"""<!DOCTYPE html><html><head><meta charset="utf-8">
<nav class="side" id="side">
<div class="brand">GA<br>FLEET</div>
<button data-tab="sites" class="on"><span class="ic">📊</span>Sites</button>
+ <button data-tab="global"><span class="ic">🌊</span>Global</button>
<button data-tab="charts"><span class="ic">📈</span>Charts</button>
<button data-tab="visuals"><span class="ic">🔺</span>Visuals</button>
<button data-tab="countries"><span class="ic">🌍</span>Country</button>
@@ -187,6 +197,14 @@ PAGE = r"""<!DOCTYPE html><html><head><meta charset="utf-8">
<table id="t"><thead><tr id="hr"></tr></thead><tbody id="tb"></tbody><tfoot><tr id="tf"></tr></tfoot></table>
</div>
+ <!-- GLOBAL liquid gauges -->
+ <div class="view panel" id="v-global" hidden>
+ <div class="card"><h2>Fleet at a glance — live liquid gauges</h2>
+ <div class="orbs" id="orbs"></div>
+ <div class="kpis" id="gkpis" style="margin-top:18px"></div>
+ </div>
+ </div>
+
<!-- CHARTS overview -->
<div class="view panel" id="v-charts" hidden>
<div class="kpis" id="kpis"></div>
← 74fe872 Add Charts overview page: 7 KPI cards + top-15 domains bar c
·
back to Ga Allsites
·
Add Global tab: animated liquid-fill gauge orbs (zero-dep SV 531a1ab →