From 4839d14a22e916711107d9a7c928ef58c0b8b81f Mon Sep 17 00:00:00 2001 From: serversdown Date: Thu, 11 Jun 2026 19:41:48 +0000 Subject: [PATCH] =?UTF-8?q?style(portal):=20field-instrument=20redesign=20?= =?UTF-8?q?=E2=80=94=20shell=20+=20overview?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A refined dark "field instrument" aesthetic for the client-facing portal: - Type: Hanken Grotesk UI + IBM Plex Mono for readings (dB values feel like real instrumentation). Tabular numerals. - Atmosphere: deep navy-black base with a navy/burgundy aurora and a faint fixed instrument grid; sticky blurred header with an animated signal-bars mark. - Panel system (.panel/.panel-hover): translucent, hairline-lit, depth + hover lift. Pulsing live dot; staggered load reveal. - Overview: mono Leq hero on each tile (colored by level when live), pill badges with the pulsing dot, rollup pills, dark CARTO map tiles, level-colored dots. All live-data JS hook IDs preserved (verified). No backend change. Co-Authored-By: Claude Opus 4.8 --- templates/portal/base.html | 126 ++++++++++++++++++++++++++++----- templates/portal/overview.html | 108 ++++++++++++++-------------- 2 files changed, 163 insertions(+), 71 deletions(-) diff --git a/templates/portal/base.html b/templates/portal/base.html index 25daa37..e771c96 100644 --- a/templates/portal/base.html +++ b/templates/portal/base.html @@ -1,43 +1,135 @@ - + {% block title %}Monitoring{% endblock %} · TMI + + + + - + + + {% block head %}{% endblock %} - -
-
- - - TMI Monitoring{% if client %} · - {{ client.name }}{% endif %} + +
+
+ + + + TMI Monitoring + {% if client %}/ + {{ client.name }}{% endif %} + {% if client %} - Sign out + Sign out {% endif %}
-
+
{% block content %}{% endblock %}
-