From 295effeba11792f60e9007740f6055402764fe2d Mon Sep 17 00:00:00 2001 From: Chase Dumphord Date: Fri, 22 May 2026 00:42:21 -0500 Subject: [PATCH] Update positioning, remove IPs from cards, remove icons, update NOC content --- README.md | 53 +++++++++++++++++++++++++---------------------------- index.html | 39 ++++++++++++++++----------------------- script.js | 45 +++++++++++---------------------------------- 3 files changed, 52 insertions(+), 85 deletions(-) diff --git a/README.md b/README.md index 17ab748..4bdc92c 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Ced's NOC — Live Network Operations Center +# Ced's NOC Live Network Operations Center -> A custom-built, public-facing Network Operations Center dashboard running at [noc.chasedumphord.com](https://noc.chasedumphord.com) — providing real-time visibility into Ced's HomeLab infrastructure, services, and RF edge systems. +> A custom-built, public facing Network Operations Center dashboard running at [noc.chasedumphord.com](https://noc.chasedumphord.com) providing real time visibility into Ced's HomeLab infrastructure, services, and RF edge systems. [![Live NOC](https://img.shields.io/badge/Live-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com) [![Portfolio](https://img.shields.io/badge/Portfolio-chasedumphord.com-0F6E56?style=flat-square)](https://chasedumphord.com) @@ -11,11 +11,9 @@ ## What This Is -This is the public-facing front door to Ced's HomeLab infrastructure. This is the frontend layer of Ced's observability platform — a custom-built status page that makes live infrastructure data publicly -accessible without requiring login. The backend engine ([ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack)) handles metrics collection via Prometheus and Grafana. This repo is -what the public sees — real-time service status, latency, and health across every layer of the homelab. no login required. +This is the public-facing front door to Ced's HomeLab infrastructure. This is the frontend layer of Ced's observability platform a custom built status page that makes live infrastructure data publicly accessible without requiring login. The backend engine ([ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack)) handles metrics collection via Prometheus and Grafana. This repo is what the public sees real-time service status, latency, and health across every layer of the homelab. No login required. -It's not a template or a third-party uptime service. It's a purpose-built frontend that pulls live status data and presents it as a professional NOC dashboard. Every card on the page represents a real, running service with real latency and uptime data. +It's not a template or a third party uptime service. It's a purpose built frontend that pulls live status data and presents it as a professional NOC dashboard. Every card on the page represents a real, running service with real latency and uptime data. --- @@ -23,7 +21,7 @@ It's not a template or a third-party uptime service. It's a purpose-built fronte [![NOC Systems](./screenshots/noc-systems.png)](https://noc.chasedumphord.com) -The NOC displays real-time status for every layer of the infrastructure stack — from the Proxmox hypervisor down to the APRS RF edge system. +The NOC displays real time status for every layer of the infrastructure stack from the Proxmox hypervisor down to the APRS RF edge system. --- @@ -49,8 +47,8 @@ The NOC displays real-time status for every layer of the infrastructure stack | Service | Role | Status Source | |---------|------|--------------| -| APRS Home iGate | RF-to-internet gateway (KJ5JCO-10) | TCP probe via Blackbox | -| APRS-IS | External APRS internet service | TCP probe — noam.aprs2.net:14580 | +| APRS Home iGate | RF to internet gateway (KJ5JCO-10) | TCP probe via Blackbox | +| APRS-IS | External APRS internet service | TCP probe noam.aprs2.net:14580 | --- @@ -89,7 +87,7 @@ graph LR 2. Prometheus collects and stores probe results 3. Python scripts generate status JSON from Prometheus data 4. NOC frontend reads JSON and renders live status cards -5. Public visitors see real-time infrastructure status — no login needed +5. Public visitors see real time infrastructure status no login needed --- @@ -119,21 +117,20 @@ ceds-noc/ Each service card on the NOC displays: -- **Service name and role** — what it is and what it does -- **Category badge** — HYPERVISOR, STORAGE, CLUSTER, PORTAL, etc. -- **Health badge** — HEALTHY or DEGRADED based on probe results -- **Internal IP and port** — where the service lives on the HomeLab VLAN -- **Status** — Online / Offline -- **Latency** — real response time in milliseconds -- **Last check timestamp** — when the probe last ran +- **Service name and role** what it is and what it does +- **Category badge** HYPERVISOR, STORAGE, CLUSTER, PORTAL, etc. +- **Health badge** HEALTHY or DEGRADED based on probe results +- **Status** Online / Offline +- **Latency** real response time in milliseconds +- **Last check timestamp** when the probe last ran -This gives anyone viewing the page the same operational picture that the internal Grafana dashboard provides — without requiring access to the internal network. +This gives anyone viewing the page the same operational picture that the internal Grafana dashboard provides without requiring access to the internal network. --- ## Screenshots -### Systems Overview — Live Service Status +### Systems Overview Live Service Status ![NOC Systems](./screenshots/noc-systems.png) ### Metrics Overview @@ -145,10 +142,10 @@ This gives anyone viewing the page the same operational picture that the interna | Project | Role | |---------|------| -| [ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack) | Backend — Prometheus, Grafana, Alertmanager, all exporters | -| [ceds-homelab](https://github.com/ced4568/ceds-homelab) | Infrastructure — Proxmox cluster, TrueNAS, networking | -| [ced-k3s-homelab](https://github.com/ced4568/ced-k3s-homelab) | Orchestration — 12-node Raspberry Pi K3s cluster | -| [ceds-aprs-igate](https://github.com/ced4568/ceds-aprs-igate) | Edge — Dual-node APRS RF-to-internet gateway | +| [ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack) | Backend Prometheus, Grafana, Alertmanager, all exporters | +| [ceds-homelab](https://github.com/ced4568/ceds-homelab) | Infrastructure Proxmox cluster, TrueNAS, networking | +| [ced-k3s-homelab](https://github.com/ced4568/ced-k3s-homelab) | Orchestration 12 node Raspberry Pi K3s cluster | +| [ceds-aprs-igate](https://github.com/ced4568/ceds-aprs-igate) | Edge Dual node APRS RF-to-internet gateway | --- @@ -156,11 +153,11 @@ This gives anyone viewing the page the same operational picture that the interna - [x] Live service status cards with real probe data - [x] APRS RF edge system monitoring -- [x] Public access — no login required +- [x] Public access no login required - [x] Custom badge and status JSON generation -- [ ] Alerting integration — visual alerts on NOC page +- [ ] Alerting integration visual alerts on NOC page - [ ] Historical uptime percentage per service -- [ ] Mobile-optimized layout +- [ ] Mobile optimized layout - [ ] Auto-refresh with configurable interval - [ ] Public Grafana dashboard embed @@ -169,9 +166,9 @@ This gives anyone viewing the page the same operational picture that the interna ## Author **Chase Dumphord (Ced)** -Digital Systems Engineer · GE Aerospace · Oxford, MS +DevOps and Cloud Infrastructure Engineer · GE Aerospace · Oxford, MS [![Portfolio](https://img.shields.io/badge/Portfolio-chasedumphord.com-0F6E56?style=flat-square)](https://chasedumphord.com) [![LinkedIn](https://img.shields.io/badge/LinkedIn-chase--dumphord-0A66C2?style=flat-square)](https://www.linkedin.com/in/chase-dumphord/) [![GitHub](https://img.shields.io/badge/GitHub-ced4568-181717?style=flat-square)](https://github.com/ced4568) -[![Live NOC](https://img.shields.io/badge/Live%20NOC-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com) +[![Live NOC](https://img.shields.io/badge/Live%20NOC-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com) \ No newline at end of file diff --git a/index.html b/index.html index f2b9d38..5b82b93 100644 --- a/index.html +++ b/index.html @@ -17,12 +17,12 @@ - + @@ -36,7 +36,7 @@ - + @@ -46,7 +46,6 @@