diff --git a/src/static/dashboard.html b/src/static/dashboard.html index 89fc5be..b09c9df 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -50,6 +50,8 @@ background: var(--mint); color: #146644; font-weight: 750; font-size: .8rem; } .live-dot { width: 8px; height: 8px; border-radius: 50%; background: #22a66c; box-shadow: 0 0 0 5px rgba(34,166,108,.12); } + .live-pill.demo { background: #fdeeda; color: #9a6200; } + .live-pill.demo .live-dot { background: #e6a23c; box-shadow: 0 0 0 5px rgba(230,162,60,.15); } button { border: 1px solid var(--border); border-radius: 11px; background: white; color: var(--ink); padding: 10px 14px; cursor: pointer; font-weight: 700; box-shadow: 0 3px 10px rgba(22,52,62,.05); @@ -127,6 +129,14 @@ width: 26px; height: 26px; display: grid; place-items: center; font-size: 19px; filter: drop-shadow(0 3px 4px rgba(5,43,58,.45)); } + .replay-clock { + position: absolute; z-index: 650; left: 50%; transform: translateX(-50%); bottom: 20px; + background: rgba(19,43,53,.9); color: white; padding: 12px 26px; border-radius: 15px; + text-align: center; display: none; pointer-events: none; backdrop-filter: blur(6px); + box-shadow: 0 12px 30px rgba(9,30,38,.4); + } + .replay-clock strong { display: block; font-size: 1.65rem; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; } + .replay-clock span { font-size: .78rem; opacity: .85; } .forecast-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 10px; margin-top: 14px; } .forecast-station { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; } .forecast-station strong { font-size: .8rem; } @@ -181,7 +191,7 @@
-
LIVE DATA
+
LIVE DATA
@@ -211,6 +221,7 @@
Loading river conditions…
Map data could not be loaded.
+