Ceds-HomeLab/ceds-noc
1
1
Fork 0
mirror of https://github.com/ced4568/ceds-noc.git synced 2026-08-12 21:04:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update positioning, remove IPs from cards, remove icons, update NOC content

Browse Source
This commit is contained in:
ced4568
2026-05-22 00:42:21 -05:00
parent 13141443c6
commit 295effeba1
3 changed files with 52 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+16 -23
View File
@@ -17,12 +17,12 @@
<meta
name="description"
content="Ced's NOC — live network operations center dashboard showing real-time infrastructure health, service status, and edge system monitoring."
content="Ced's NOC — live network operations center dashboard showing real-time infrastructure health across 18 nodes and 28 services. Proxmox, K3s, TrueNAS, APRS edge systems."
/>
<!-- Open Graph -->
<meta property="og:title" content="Ced's NOC | Live Systems Dashboard" />
<meta property="og:description" content="Live infrastructure visibility — Proxmox, K3s, TrueNAS, APRS edge systems." />
<meta property="og:description" content="Live infrastructure visibility — 18 nodes, 28 services. Proxmox, K3s, TrueNAS, APRS edge systems. Always running." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://noc.chasedumphord.com" />
@@ -36,7 +36,7 @@
<meta name="robots" content="index, follow" />
<meta name="author" content="Chase Dumphord" />
<!-- Fonts — same as main site -->
<!-- Fonts same as main site -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Syne:wght@700;800&family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet" />
@@ -46,7 +46,6 @@
<!-- NOC-specific styles -->
<style>
/* ── NOC page overrides & extras ── */
.noc-page-hero {
padding: 3.5rem 0 2rem;
border-bottom: 1px solid var(--line);
@@ -90,12 +89,10 @@
.noc-page-meta a { color: var(--muted); }
.noc-page-meta a:hover { color: var(--accent-2); }
/* Full-width NOC content area */
.noc-full {
padding: 2.5rem 0 4rem;
}
/* Uptime summary bar */
.uptime-bar {
display: flex;
flex-wrap: wrap;
@@ -131,7 +128,6 @@
background: rgba(255, 95, 86, 0.06);
}
/* Layer filter tabs */
.layer-tabs {
display: flex;
flex-wrap: wrap;
@@ -159,14 +155,12 @@
background: rgba(94, 250, 204, 0.07);
}
/* Roadmap section on NOC page */
.noc-roadmap {
margin-top: 3rem;
padding-top: 2.5rem;
border-top: 1px solid var(--line);
}
/* Stack info footer on NOC page */
.noc-stack-bar {
margin-top: 2.5rem;
padding: 1rem 1.25rem;
@@ -195,7 +189,6 @@
text-decoration: underline;
}
/* Grafana CTA button row */
.noc-cta-row {
display: flex;
gap: 0.75rem;
@@ -213,7 +206,7 @@
<body>
<!-- ═══════════════════════════════ NAV ═══════════════════════════════ -->
<!-- NAV -->
<header class="site-header">
<div class="container nav">
<a href="https://chasedumphord.com" class="logo">Ced<span class="logo-cursor">_</span></a>
@@ -233,7 +226,7 @@
<main id="top">
<!-- ═══════════════════════════════ NOC HERO ═══════════════════════════════ -->
<!-- NOC HERO -->
<div class="noc-page-hero">
<div class="container">
<p class="eyebrow">
@@ -246,9 +239,9 @@
</h1>
<p class="noc-page-lead">
Real-time visibility into Ced's HomeLab infrastructure — Proxmox, K3s,
TrueNAS, APRS RF edge systems, and self-hosted services.
Not simulated. Not a demo. Running hardware.
Real-time visibility into Ced's HomeLab infrastructure across 18 nodes and 28 services
Proxmox, K3s, TrueNAS, APRS RF edge systems, and self-hosted services.
Built from the ground up and running in production every day. The infrastructure on this page is live. Not a demo.
</p>
<!-- Grafana CTA buttons -->
@@ -256,7 +249,7 @@
<a href="https://grafana.cedshomelab.com/dashboard/snapshot/PmEdg0ALfAVsmKN1Qgv7K11XP8h52ne5"
target="_blank" rel="noopener noreferrer"
class="btn btn-primary">
📊 View Live Grafana Dashboard →
View Live Grafana Dashboard
</a>
<a href="https://github.com/ced4568/ceds-observability-stack"
target="_blank" rel="noopener noreferrer"
@@ -273,7 +266,7 @@
</div>
</div>
<!-- ═══════════════════════════════ NOC DASHBOARD ═══════════════════════════════ -->
<!-- NOC DASHBOARD -->
<div class="noc-full">
<div class="container">
@@ -333,7 +326,7 @@
<!-- Fallback -->
<div id="noc-fallback" class="noc-fallback" style="display:none;">
<p class="noc-fallback-msg">
📡 NOC feed unavailable from this context — systems run locally.<br/>
NOC feed unavailable from this context systems run locally.<br/>
Data updates when the local pipeline pushes a fresh noc-status.json.
</p>
</div>
@@ -341,9 +334,9 @@
<!-- Stack info bar -->
<div class="noc-stack-bar">
<span><strong>Stack:</strong> Python health checks → JSON → JS dashboard</span>
<span><strong>Live:</strong> Grafana + Prometheus —
<span><strong>Live:</strong> Grafana + Prometheus
<a href="https://grafana.cedshomelab.com/dashboard/snapshot/PmEdg0ALfAVsmKN1Qgv7K11XP8h52ne5"
target="_blank" rel="noopener noreferrer">View Dashboard →</a>
target="_blank" rel="noopener noreferrer">View Dashboard</a>
</span>
<span><strong>Source:</strong>
<a href="https://github.com/ced4568/ceds-homelab" target="_blank" rel="noopener noreferrer">
@@ -379,7 +372,7 @@
<h3>Grafana + Prometheus</h3>
<p>
Full observability stack for Proxmox, TrueNAS, K3s, Raspberry Pi,
Uptime Kuma, and APRS edge systems with real-time metrics ingestion.
Uptime Kuma, and APRS edge systems with real time metrics ingestion.
Public dashboard available.
</p>
</div>
@@ -391,7 +384,7 @@
</main>
<!-- ═══════════════════════════════ FOOTER ═══════════════════════════════ -->
<!-- FOOTER -->
<footer class="site-footer">
<div class="container footer-content">
<p>© <span data-year></span> Chase Dumphord — <span class="footer-mono">noc.chasedumphord.com</span></p>
@@ -402,7 +395,7 @@
<!-- Shared script from main portfolio -->
<script src="https://chasedumphord.com/script.js"></script>
<!-- NOC page extras — layer filter tabs + uptime pills -->
<!-- NOC page extras layer filter tabs + uptime pills -->
<script>
let allSystems = [];