From 416df3f658028fd71618879fb10a6d36f54689a3 Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Tue, 25 Feb 2025 19:21:42 -0600
Subject: Cpu graph :)

---
 served/starlight.html        | 20 ++++++++++++++------
 served/styles/statistics.css |  3 ++-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/served/starlight.html b/served/starlight.html
index b24a7f0..94838a9 100644
--- a/served/starlight.html
+++ b/served/starlight.html
@@ -22,11 +22,9 @@ are generated every fifteen, so data should be reasonably current.
 		<h2>Memory</h2>
 		<img src="/api/stats/current_hostmeminfo.gif" id="hostmeminfo">
 		<p>
-			parsed from <code>/proc/meminfo</code>
-		</p>
-		<p>
-			total: {stats.mem.total}MB<br />
-			usage: {stats.mem.usage}MB<br />
+			parsed from <code>/proc/meminfo</code><br />
+			range 0 to {stats.mem.total}MB<br />
+			current: {stats.mem.usage}MB
 		</p>
 	</section>
 
@@ -34,9 +32,19 @@ are generated every fifteen, so data should be reasonably current.
 		<h2>Network</h2>
 		<img src="/api/stats/current_hostnetinfo.gif" id="hostnetinfo">
 		<p>
+			parsed from <code>/proc/net/dev</code><br />
 			TX in blue // RX in green<br />
 			range from 0kbps to {stats.net.max_bound}kbps<br />
-			parsed from <code>/proc/net/dev</code>
+		</p>
+	</section>
+
+	<section class="stat">
+		<h2>CPU</h2>
+		<img src="/api/stats/current_hostcpuinfo.gif" id="hostcpuinfo">
+		<p>
+			parsed from <code>/proc/stat</code><br />
+			cpu usage on avg.<br />
+			range from 0% to {stats.cpu.max_bound}%.<br />
 		</p>
 	</section>
 </section>
\ No newline at end of file
diff --git a/served/styles/statistics.css b/served/styles/statistics.css
index be0c370..1089c4c 100644
--- a/served/styles/statistics.css
+++ b/served/styles/statistics.css
@@ -1,5 +1,6 @@
 #hostmeminfo,
-#hostnetinfo {
+#hostnetinfo,
+#hostcpuinfo {
 	width: 256px;
 	height: 160px;
 	image-rendering: pixelated;
-- 
cgit 1.4.1-3-g733a5