From 76edd1009b248a0bc10ba9e10c5f5401e5d0e5ad Mon Sep 17 00:00:00 2001 From: Isshi0417 Date: Wed, 8 Jul 2026 07:06:54 +0000 Subject: [PATCH] Embed live CPU and RAM monitor into dashboard website --- website/index.html | 51 +++++++++++++++++++++++++++++++++++++++------- website/style.css | 21 +++++++++++++++++++ 2 files changed, 65 insertions(+), 7 deletions(-) diff --git a/website/index.html b/website/index.html index 3721841..75a2273 100644 --- a/website/index.html +++ b/website/index.html @@ -1,13 +1,17 @@ + Rapture Homelab Portal - + + @@ -52,17 +56,19 @@ - +

System Nodes

- +
@@ -102,11 +108,41 @@
+ +
+

System Telemetry

+
+ +
+
+ +

CPU Utilization (All Nodes)

+
+ + +
+ +
+
+ +

Memory Utilization (All Nodes)

+
+ + +
+ +
+
+

Applications & Services

- +
@@ -170,4 +206,5 @@ - + + \ No newline at end of file diff --git a/website/style.css b/website/style.css index dbca27e..6260472 100644 --- a/website/style.css +++ b/website/style.css @@ -518,3 +518,24 @@ body::after { background-color: var(--red-glow) !important; } +/* Telemetry Grid & Grafana Embed Iframe Styling */ +.telemetry-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); + gap: 24px; +} + +.telemetry-card { + height: 380px; /* Generous height to fit Grafana timelines */ + padding: 16px; +} + +.telemetry-iframe { + width: 100%; + height: 100%; + border: 1px solid var(--gold-accent); + background: var(--bg-dark); + border-radius: 2px; + box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.9); +} +