Major portfolio overhaul: redesign, new sections, LinkedIn/GitHub badges, resume download, GitHub repos, tech stack, NOC improvements

- Full visual redesign with JetBrains Mono + Syne + DM Sans fonts, improved terminal card, blinking cursor, and eyebrow dot animation
- Added LinkedIn and GitHub badge pills in hero with correct LinkedIn URL (chase-dumphord)
- Added Tech Stack section with 6 groups including AI & Automation
- Added GitHub Repos section populated live from GitHub API
- Added resume PDF download button pointing to assets/ChaseD_Resume.pdf
- NOC: added fallback block, live/error dot states, auto-refresh badge, View Live NOC CTA on roadmap
- Updated About section with AI/LLM integration mention and new Core Focus Areas bullet
- Added sitemap.xml with main site and NOC subdomain entries
- Updated noc-status.json with cleaner data structure and 8 real systems
- Added Open Graph meta tags, favicon links, rel=me for LinkedIn and GitHub, robots meta

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

CNAME

@@ -0,0 +1 @@
+chasedumphord.com

README.md

@@ -0,0 +1,269 @@
+<h1>Hi, I'm Chase! <br/>
+Digital Systems | Infrastructure | RF Edge Systems
+</h1>
+
+<h3>
+I build real-world systems that combine data, automation, and infrastructure. 
+From dashboards and full-stack apps to homelab environments, everything I create is designed to solve practical problems and scale.
+</h3>
+
+<img align="right" alt="Coding Gorilla" width="400px" style="padding-right:10px;" src="https://gifdb.com/images/thumbnail/monkey-laptop-coding-miys12p5izw3s11s.gif" />
+
+<ul>
+ <li>🚀 Currently building data dashboards & system monitoring tools</li>
+ <li>🖥️ Running a full homelab (Proxmox, Kubernetes, Docker)</li> 
+ <li>⚙️ Focused on automation, infrastructure, and real-world systems</li>
+ <li>🧠 Ask me about Raspberry Pi clusters, K3s, or system design</li>
+ <li>📫 Reach me: Chasedumphord@gmail.com</li>
+ <li>⚡ Fun fact: I have ball pythons 🐍 along with dogs</li>
+</ul>
+
+---
+
+# 🧠 Ced’s Portfolio System
+
+👉 **Live Site:** https://chasedumphord.com
+
+This repository represents a **live system portfolio**, not just static projects.
+
+It showcases:
+
+* 📊 **Ced’s NOC Dashboard** (live system monitoring)
+* 🧠 **HomeLab Infrastructure** (Proxmox, VLANs, services)
+* ☸️ **K3s Cluster** (distributed compute)
+* 📡 **APRS iGate (RF Edge System)**
+
+---
+
+# 📊 Ced’s NOC Dashboard
+
+A central visibility layer for all systems.
+
+<b>Live:</b> <a href="https://noc.chasedumphord.com">noc.chasedumphord.com</a>
+
+### 🔍 What it shows:
+
+* Infrastructure health
+* Service availability
+* Network segmentation
+* RF edge system status
+
+### 🧠 Why it matters:
+
+This demonstrates:
+
+* System monitoring mindset
+* Operational visibility
+* Real-world infrastructure awareness
+
+---
+
+## 🖼️ Live Dashboard Preview
+
+### 📊 Metrics Overview
+
+![NOC Metrics](./screenshots/noc-metrics.png)
+
+### 🖥️ Systems Overview
+
+![NOC Systems](./screenshots/noc-systems.png)
+
+---
+
+## 🔴 Live System Status
+
+🔴 **Live NOC Dashboard:** [noc.chasedumphord.com](https://noc.chasedumphord.com)
+
+![Ced's NOC](https://img.shields.io/endpoint?url=https://ced4568.github.io/ced-portfolio/data/noc-badge.json&style=for-the-badge)
+
+![Edge](https://img.shields.io/badge/Edge-RF%20Active-orange?style=for-the-badge)
+![Portfolio](https://img.shields.io/badge/Portfolio-Live-blue?style=for-the-badge)
+
+---
+
+# 🧠 Featured System — Ced’s NOC (Network Operations Center)
+
+A real-time monitoring and observability platform built on top of my homelab infrastructure.
+
+### 🔍 What it demonstrates:
+
+* Live system monitoring (services, nodes, edge systems)
+* Infrastructure visibility across VLANs and clusters
+* Custom dashboard UI (portfolio + operational view)
+* Service health tracking (latency, uptime, status)
+* Real data ingestion (not simulated)
+
+### ⚙️ Stack:
+
+* Python (health checks / data generation)
+* JSON API (status feed)
+* JavaScript (dynamic UI rendering)
+* Future: Grafana + Prometheus integration
+
+👉 This is the **core system** that ties everything together.
+
+---
+
+# 🧱 Foundation — Ced’s Home Lab (Infrastructure + Monitoring)
+
+Real-world environment used to simulate production systems and host services.
+
+* Proxmox virtualization platform
+* K3s Kubernetes cluster (Raspberry Pi)
+* TrueNAS storage system
+* Nginx Proxy Manager (external access layer)
+* VLAN segmentation (Main / IoT / HomeLab / Guest)
+* Monitoring stack (Grafana, Prometheus, Uptime Kuma)
+
+👉 The NOC dashboard is built directly on top of this environment.
+
+---
+
+# 📡 Edge System — APRS iGate (RF → Internet Gateway)
+
+A real-world RF system that feeds live data into infrastructure.
+
+* Raspberry Pi + Direwolf APRS TNC
+* Audio chain tuning (critical for decode accuracy)
+* APRS-IS integration
+* Real beacon ingestion from handheld radios
+
+🔗 **Project:**
+https://github.com/ced4568/ceds-aprs-igate
+
+---
+
+## 🔥 Key Insight
+
+This system bridges:
+
+```
+RF (radio signals) → Digital Infrastructure → Internet (APRS-IS)
+```
+
+---
+
+## 🎯 Key Tuning Insight
+
+* Target audio level: **~50–60**
+* Too high → clipping / decode failure
+* Too low → missed packets
+
+This was tuned using:
+
+* Direwolf audio level output
+* Real beacon testing from handheld radios
+
+---
+
+# 🧠 Featured Projects
+
+<ul>
+ <li>
+  <b>🧠 Ced’s NOC Dashboard</b><br/>
+  Real-time monitoring system providing visibility into infrastructure, services, and edge systems.<br/>
+  <b>Highlights:</b> Live status tracking, latency monitoring, alert panel, dynamic UI updates.<br/>
+  <b>Live:</b> <a href="https://noc.chasedumphord.com">noc.chasedumphord.com</a><br/>
+  <b>Source:</b> <a href="https://github.com/ced4568/ceds-homelab">ceds-homelab</a>
+ </li>
+
+ <br/>
+
+ <li>
+  <b>🧱 Ced’s Home Lab</b><br/>
+  Full infrastructure environment simulating production systems using virtualization and Kubernetes.<br/>
+  <b>Highlights:</b> Proxmox VE, K3s cluster (12-node Pi cluster), VLAN segmentation, reverse proxy, monitoring stack.<br/>
+  <b>Source:</b> <a href="https://github.com/ced4568/ceds-homelab">ceds-homelab</a>
+ </li>
+
+ <br/>
+
+ <li>
+  <b>📡 APRS iGate (RF Edge System)</b><br/>
+  RF-to-internet gateway ingesting real-world radio data into digital systems.<br/>
+  <b>Highlights:</b> Audio tuning, Direwolf APRS TNC, APRS-IS integration, live beacon ingestion.<br/>
+  <b>Source:</b> <a href="https://github.com/ced4568/ceds-aprs-igate">ceds-aprs-igate</a>
+ </li>
+</ul>
+
+---
+
+# 🧰 Tech Stack
+
+### ⚡ Core Technologies
+
+<img align="left" alt="TypeScript" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-plain.svg" />
+<img align="left" alt="Git" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg" />
+<img align="left" alt="Linux" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linux/linux-original.svg" />
+<img align="left" alt="HTML" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-plain.svg" />
+<img align="left" alt="JavaScript" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-plain.svg" />
+<img align="left" alt="React" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" />
+<img align="left" alt="NodeJS" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" />
+<img align="left" alt="Python" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-plain.svg" />
+<img align="left" alt="Docker" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" />
+<img align="left" alt="Kubernetes" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg" />
+<img align="left" alt="Grafana" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/grafana/grafana-original.svg" />
+<img align="left" alt="Prometheus" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/prometheus/prometheus-original.svg" />
+<img align="left" alt="Bash" width="30px" style="padding-right:10px;" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bash/bash-original.svg" />
+
+<br /><br />
+
+---
+
+### 🖥️ Infrastructure & Systems
+
+* Proxmox VE (Virtualization)
+* K3s Kubernetes (Raspberry Pi Cluster)
+* Docker / Containerized Services
+* TrueNAS (Storage)
+
+### 📊 Monitoring & Observability
+
+* Grafana (Dashboards)
+* Prometheus (Metrics - in progress)
+* Uptime Kuma (Service Monitoring)
+* Custom NOC Dashboard (Python + JSON + JS)
+
+### 🌐 Networking & Access
+
+* Nginx Proxy Manager (Reverse Proxy)
+* Cloudflare Tunnels (Secure External Access)
+* VLAN Segmentation (UniFi Network)
+
+### 📡 Edge & RF Systems
+
+* Direwolf (APRS TNC)
+* APRS-IS Integration
+* Raspberry Pi iGate Systems
+* Audio Signal Processing / Tuning
+
+### 💻 Development
+
+* Python (Automation / Data Collection)
+* JavaScript (Frontend Dashboard UI)
+* HTML / CSS (UI Design)
+* Bash (System Automation)
+* Git / GitHub (Version Control)
+
+---
+
+# 📈 Roadmap
+
+* [ ] Grafana + Prometheus integration
+* [ ] Real-time metrics ingestion
+* [ ] NOC alerting system
+* [ ] Mobile APRS iGate deployment
+* [ ] Advanced system dashboards
+
+---
+
+# 👤 Connect With Me
+
+[LinkedIn](https://www.linkedin.com/in/toochase-dumphord/)
+[GitHub](https://github.com/ced4568)
+
+---
+
+## ⚡ Final Note
+
+> This is not a static portfolio — it is a **live representation of working systems.**

data/noc-badge.json

@@ -0,0 +1,6 @@
+{
+  "schemaVersion": 1,
+  "label": "Ced's NOC",
+  "message": "Healthy | 8/8 online | 0 offline",
+  "color": "brightgreen"
+}

data/noc-status.json

@@ -0,0 +1,101 @@
+{
+  "nocName": "Ced's NOC",
+  "status": "Operational",
+  "lastUpdated": "2025-05-01T00:00:00Z",
+  "summary": {
+    "nodes": 12,
+    "services": 10,
+    "vlans": 4,
+    "edgeSystems": 2
+  },
+  "systems": [
+    {
+      "name": "Proxmox Primary",
+      "type": "Virtualization Host",
+      "layer": "Infrastructure",
+      "label": "Compute",
+      "address": "proxmox.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "2ms",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "TrueNAS",
+      "type": "Network Storage",
+      "layer": "Infrastructure",
+      "label": "Storage",
+      "address": "truenas.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "3ms",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "K3s Cluster",
+      "type": "Kubernetes (12-node Pi)",
+      "layer": "Orchestration",
+      "label": "Containers",
+      "address": "k3s.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "5ms",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "Nginx Proxy Manager",
+      "type": "Reverse Proxy",
+      "layer": "Networking",
+      "label": "Access",
+      "address": "npm.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "1ms",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "Uptime Kuma",
+      "type": "Service Monitor",
+      "layer": "Monitoring",
+      "label": "Observability",
+      "address": "uptime.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "2ms",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "APRS iGate — Home",
+      "type": "RF Edge / APRS-IS Gateway",
+      "layer": "Edge",
+      "label": "RF",
+      "address": "aprs-home.local",
+      "status": "Active",
+      "severity": "Healthy",
+      "latency": "N/A",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "APRS iGate — Mobile",
+      "type": "RF Edge / Mobile Node",
+      "layer": "Edge",
+      "label": "RF",
+      "address": "aprs-mobile.local",
+      "status": "Building",
+      "severity": "Degraded",
+      "latency": "N/A",
+      "lastCheck": "Manual"
+    },
+    {
+      "name": "Grafana",
+      "type": "Metrics Dashboard",
+      "layer": "Monitoring",
+      "label": "Observability",
+      "address": "grafana.local",
+      "status": "Online",
+      "severity": "Healthy",
+      "latency": "4ms",
+      "lastCheck": "Manual"
+    }
+  ]
+}

index.html

@@ -8,22 +8,54 @@
 
   <meta
     name="description"
-    content="Chase Dumphord portfolio - digital systems, infrastructure, networking, automation, homelab engineering, and real-world technical projects."
+    content="Chase Dumphord — digital systems builder focused on infrastructure, Linux, K3s, Proxmox, APRS RF edge systems, and real-world technical problem solving."
   />
 
+  <!-- Open Graph for LinkedIn / Discord sharing -->
+  <meta property="og:title" content="Chase Dumphord | Digital Systems & Infrastructure" />
+  <meta property="og:description" content="Hands-on systems builder. Proxmox • K3s • APRS • HomeLab. Based in Oxford, MS." />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://chasedumphord.com" />
+
+  <!-- ── Favicon set (from ced-logo-pack) ── -->
+  <link rel="icon" type="image/png" sizes="32x32"   href="assets/favicons/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16"   href="assets/favicons/favicon-16x16.png" />
+  <link rel="icon" type="image/png" sizes="192x192" href="assets/favicons/favicon-192x192.png" />
+  <link rel="apple-touch-icon"      sizes="512x512" href="assets/favicons/favicon-512x512.png" />
+  <link rel="shortcut icon"                         href="assets/favicons/favicon.ico" />
+
+  <!-- ── Sitemap hint for crawlers ── -->
+  <link rel="sitemap" type="application/xml" href="/sitemap.xml" />
+
+  <!-- ── Search engine indexing ── -->
+  <meta name="robots" content="index, follow" />
+  <meta name="author" content="Chase Dumphord" />
+
+  <!-- ── Social verification (rel=me) ── -->
+  <link rel="me" href="https://www.linkedin.com/in/chase-dumphord" />
+  <link rel="me" href="https://github.com/ced4568" />
+
+  <!-- Fonts: JetBrains Mono for terminal/code feel, Syne for headings -->
+  <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" />
+
   <link rel="stylesheet" href="style.css" />
 </head>
 
 <body>
+  <!-- ═══════════════════════════════ NAV ═══════════════════════════════ -->
   <header class="site-header">
     <div class="container nav">
-      <a href="#top" class="logo">Chase Dumphord</a>
+      <a href="#top" class="logo">Ced<span class="logo-cursor">_</span></a>
 
       <nav>
         <ul class="nav-links">
           <li><a href="#snapshot">Snapshot</a></li>
+          <li><a href="#noc">NOC</a></li>
           <li><a href="#about">About</a></li>
           <li><a href="#projects">Projects</a></li>
+          <li><a href="#stack">Stack</a></li>
           <li><a href="#resume">Resume</a></li>
           <li><a href="#contact">Contact</a></li>
         </ul>
@@ -32,138 +64,134 @@
   </header>
 
   <main id="top">
+
+    <!-- ═══════════════════════════════ HERO ═══════════════════════════════ -->
     <section class="hero">
       <div class="container hero-grid">
-        <div class="hero-text">
-          <p class="eyebrow">Digital Systems • Infrastructure • Networking • Automation • Edge Systems</p>
 
-          <h1>I build practical systems that connect hardware, networks, software, and operations.</h1>
+        <div class="hero-text">
+          <p class="eyebrow">
+            <span class="eyebrow-dot"></span>
+            Digital Systems • Infrastructure • Networking • Automation • Edge Systems
+          </p>
+
+          <h1>I build systems that <span class="accent-word">connect</span> hardware, networks, and operations.</h1>
 
           <p class="lead">
-            I’m Chase Dumphord — a hands-on systems builder focused on digital infrastructure,
+            Chase Dumphord — infrastructure builder running Proxmox, K3s, TrueNAS, and APRS RF edge systems out of Oxford, MS.
-            Linux systems, homelab engineering, Raspberry Pi deployments, networking, automation,
+            I build things that actually work, then document how they work.
-            and real-world technical problem solving.
           </p>
 
           <div class="hero-actions">
             <a class="btn btn-primary" href="#projects">View Projects</a>
-            <a class="btn btn-secondary" href="#contact">Contact Me</a>
+            <a class="btn btn-secondary" href="https://noc.chasedumphord.com" target="_blank" rel="noopener noreferrer">
+              <span class="btn-dot"></span> Live NOC
+            </a>
+            <a class="btn btn-ghost" href="#contact">Contact</a>
           </div>
 
           <ul class="quick-facts">
-            <li>Oxford, MS</li>
+            <li>📍 Oxford, MS</li>
             <li>
-              GitHub:
+              <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">
-              <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">ced4568</a>
+                ⌥ github/ced4568
+              </a>
             </li>
             <li>
-              Email:
+              <a href="mailto:[email protected]">✉ [email protected]</a>
-              <a href="mailto:[email protected]">[email protected]</a>
             </li>
           </ul>
+
+          <!-- LinkedIn badge — prominent social proof row -->
+          <div class="hero-badges">
+            <a
+              href="https://www.linkedin.com/in/chase-dumphord"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="badge-link linkedin-badge"
+            >
+              <svg class="badge-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+              </svg>
+              LinkedIn
+            </a>
+            <a
+              href="https://github.com/ced4568"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="badge-link github-badge"
+            >
+              <svg class="badge-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                <path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/>
+              </svg>
+              github/ced4568
+            </a>
+          </div>
         </div>
 
         <div class="hero-panel">
-          <img
+          <div class="hero-image-card">
-            src="assets/images/ChaseD_headshot.jpg"
+            <img
-            alt="Headshot of Chase Dumphord"
+              src="assets/images/ChaseD_headshot.jpg"
-            class="hero-image"
+              alt="Chase Dumphord"
-          />
+              class="hero-image"
+            />
+          </div>
 
           <div class="terminal-card">
             <div class="terminal-top">
-              <span></span>
+              <span class="dot red"></span>
-              <span></span>
+              <span class="dot yellow"></span>
-              <span></span>
+              <span class="dot green"></span>
+              <span class="terminal-title">ced@homelab ~ $</span>
             </div>
+            <pre><code><span class="t-prompt">ced@homelab:~$</span> whoami
+<span class="t-val">systems_builder</span>
 
-            <pre><code>$ whoami
+<span class="t-prompt">ced@homelab:~$</span> uptime
-systems_builder
+<span class="t-val">12+ nodes • 10+ services • always_on</span>
 
-$ focus
+<span class="t-prompt">ced@homelab:~$</span> cat focus.txt
-infrastructure
+<span class="t-val">infrastructure
 networking
 automation
-edge_systems
+rf_edge_systems</span>
 
-$ status
+<span class="t-prompt">ced@homelab:~$</span> systemctl status life
-building_real_systems</code></pre>
+<span class="t-val">● building_real_systems.service</span>
+<span class="t-muted">   Active: active (running)</span><span class="t-cursor">▌</span></code></pre>
           </div>
         </div>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ SNAPSHOT ═══════════════════════════════ -->
     <section id="snapshot" class="section section-alt">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">Environment</p>
+          <p class="section-label">// environment</p>
           <h2>Systems Snapshot</h2>
           <p class="section-intro">
-            A quick look at the infrastructure and systems I’m actively building and documenting.
+            Live infrastructure I'm actively running, building, and documenting.
           </p>
         </div>
 
-        <section class="section noc-dashboard">
-  <div class="container">
-    <div class="section-heading">
-      <p class="section-label">Ced’s NOC</p>
-      <h2>Network Operations Dashboard</h2>
-      <p class="section-intro">
-        A portfolio view of the infrastructure, edge systems, and monitoring stack I’m building across Ced’s HomeLab.
-      </p>
-    </div>
-
-    <div class="noc-status-grid">
-      <div class="noc-status-card online">
-        <span class="status-dot"></span>
-        <h3>HomeLab Core</h3>
-        <p>Infrastructure services, VLANs, dashboards, and self-hosted systems.</p>
-        <small>Status: Active Build</small>
-      </div>
-
-      <div class="noc-status-card online">
-        <span class="status-dot"></span>
-        <h3>K3s Cluster</h3>
-        <p>Distributed container environment for service deployment and orchestration.</p>
-        <small>Status: Active Build</small>
-      </div>
-
-      <div class="noc-status-card warning">
-        <span class="status-dot"></span>
-        <h3>APRS iGate</h3>
-        <p>RF-to-IP edge system using Raspberry Pi, Direwolf, APRS-IS, and mobile expansion.</p>
-        <small>Status: Operational / Tuning</small>
-      </div>
-
-      <div class="noc-status-card planned">
-        <span class="status-dot"></span>
-        <h3>Unified Monitoring</h3>
-        <p>Future Grafana/Uptime Kuma view for services, nodes, and edge devices.</p>
-        <small>Status: Planned</small>
-      </div>
-    </div>
-  </div>
-</section>
-
         <div class="stats-grid">
           <div class="stat-card">
             <h3>12+</h3>
             <p>Nodes</p>
-            <span>K3s cluster environment</span>
+            <span>K3s cluster • Raspberry Pi</span>
           </div>
-
           <div class="stat-card">
             <h3>10+</h3>
             <p>Services</p>
             <span>Self-hosted stack</span>
           </div>
-
           <div class="stat-card">
             <h3>4</h3>
             <p>VLANs</p>
-            <span>Segmented network design</span>
+            <span>Segmented UniFi network</span>
           </div>
-
           <div class="stat-card">
             <h3>2</h3>
             <p>iGate Nodes</p>
@@ -173,37 +201,103 @@ building_real_systems</code></pre>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ NOC ═══════════════════════════════ -->
+    <section id="noc" class="section noc-dashboard">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">// ced's noc</p>
+          <h2>Live Systems Overview</h2>
+          <p class="section-intro">
+            Real infrastructure inventory from Ced's HomeLab, K3s cluster, and APRS edge systems.
+            Data refreshes every 30s.
+          </p>
+        </div>
+
+        <div class="noc-command-bar">
+          <span class="status-dot" id="noc-dot"></span>
+          <span id="noc-status-text">Connecting to NOC feed...</span>
+          <span class="noc-refresh-badge" id="noc-refresh-badge"></span>
+        </div>
+
+        <p class="noc-proof">
+          Proxmox • K3s • TrueNAS • VLAN segmentation • APRS RF Edge Systems
+        </p>
+
+        <div class="noc-metrics-grid">
+          <div class="noc-metric">
+            <h3 id="metric-nodes">--</h3>
+            <p>Infrastructure Nodes</p>
+          </div>
+          <div class="noc-metric">
+            <h3 id="metric-services">--</h3>
+            <p>Services Online</p>
+          </div>
+          <div class="noc-metric">
+            <h3 id="metric-vlans">--</h3>
+            <p>Network Segments</p>
+          </div>
+          <div class="noc-metric">
+            <h3 id="metric-edge">--</h3>
+            <p>Edge Systems</p>
+          </div>
+        </div>
+
+        <div class="noc-alert-panel">
+          <div class="noc-alert-header">
+            <h3>🚨 Alert Panel</h3>
+            <span>Top 3 System Notes</span>
+          </div>
+          <div id="noc-alert-list" class="noc-alert-list">
+            <p class="noc-loading">Awaiting data feed...</p>
+          </div>
+        </div>
+
+        <div id="noc-system-grid" class="noc-system-grid"></div>
+
+        <!-- Fallback shown when data can't load -->
+        <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/>
+            <a href="https://noc.chasedumphord.com" target="_blank" rel="noopener noreferrer">
+              View the live NOC dashboard →
+            </a>
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════ ABOUT ═══════════════════════════════ -->
     <section id="about" class="section">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">About</p>
+          <p class="section-label">// about</p>
           <h2>Hands-on systems builder with a digital infrastructure mindset</h2>
         </div>
 
         <div class="content-grid">
           <div class="card">
             <p>
-              I’m a technical professional focused on digital systems, infrastructure, networking,
+              I'm a technical professional focused on digital systems, infrastructure, networking,
-              automation, and hands-on system integration. I enjoy building systems that are practical,
+              automation, and hands-on system integration. I build things that are practical,
-              reliable, and well documented — from homelab services and dashboards to Raspberry Pi
+              reliable, and well-documented — from homelab services and live dashboards to Raspberry Pi
-              deployments, APRS iGates, and troubleshooting workflows.
+              deployments, APRS iGates, and complex troubleshooting workflows.
             </p>
-
             <p>
-              My background blends field engineering, industrial technology, software-oriented thinking,
+              My background blends field engineering, industrial technology, and infrastructure
-              and infrastructure problem solving. I’m especially interested in projects that connect the
+              problem solving. Increasingly I'm integrating AI tooling — using LLMs for system
-              physical and digital worlds through monitoring, networking, automation, and resilient design.
+              documentation, automated diagnostics, and workflow acceleration — as part of how
+              modern infrastructure gets built and maintained.
             </p>
           </div>
 
           <div class="card">
             <h3>Core Focus Areas</h3>
-
             <ul class="clean-list">
-              <li>Digital systems and infrastructure</li>
+              <li>Digital systems and infrastructure engineering</li>
               <li>Linux systems and service management</li>
               <li>Networking, VLANs, failover, and connectivity troubleshooting</li>
               <li>Raspberry Pi and edge-device deployments</li>
+              <li>AI-assisted automation, documentation, and diagnostic workflows</li>
               <li>Documentation, process building, and reproducible project design</li>
             </ul>
           </div>
@@ -211,240 +305,384 @@ building_real_systems</code></pre>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ PROJECTS ═══════════════════════════════ -->
     <section id="projects" class="section section-alt">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">Projects</p>
+          <p class="section-label">// projects</p>
-          <h2>🔧 Infrastructure & Systems Projects</h2>
+          <h2>Infrastructure & Systems Projects</h2>
-          <p class="section-intro">
+          <p class="section-intro">Built on real systems. Not demos, not tutorials — running infrastructure.</p>
-            These projects are built around real systems, networking, Linux services, edge devices,
-            and practical documentation.
-          </p>
         </div>
 
         <div class="projects-grid">
+
           <article class="project-card featured-project">
             <div class="project-top">
-              <h3>🧠 Ced’s HomeLab Infrastructure</h3>
+              <h3>Ced's HomeLab Infrastructure</h3>
               <span class="status-pill">Flagship</span>
             </div>
-
             <p class="tags">Infrastructure • Networking • Virtualization • Monitoring • Self-Hosting</p>
-
             <p class="project-impact">
-              Designed as a practical infrastructure environment for networking, monitoring,
+              Full homelab environment built for real network segmentation, service hosting, and architecture documentation.
-              service hosting, and documentation.
             </p>
-
-            <p>
-              Personal infrastructure lab focused on network segmentation, virtualization,
-              self-hosted services, monitoring, and architecture documentation.
-            </p>
-
             <ul class="clean-list">
-              <li>VLAN segmentation and network design</li>
+              <li>Proxmox VE virtualization platform</li>
-              <li>Proxmox virtualization</li>
+              <li>VLAN segmentation via UniFi (Main / IoT / HomeLab / Guest)</li>
-              <li>Self-hosted services and monitoring</li>
+              <li>Self-hosted services behind Nginx Proxy Manager + Cloudflare Tunnels</li>
-              <li>System architecture documentation</li>
+              <li>Uptime Kuma + Grafana monitoring stack</li>
             </ul>
-
             <a href="https://github.com/ced4568/ceds-homelab" target="_blank" rel="noopener noreferrer" class="project-link">
-              View Project →
+              View on GitHub →
             </a>
           </article>
 
           <article class="project-card">
             <div class="project-top">
-              <h3>☸️ K3s Kubernetes Cluster</h3>
+              <h3>K3s Kubernetes Cluster</h3>
               <span class="status-pill">Infrastructure</span>
             </div>
-
+            <p class="tags">Kubernetes • Containers • Linux • Automation</p>
-            <p class="tags">Kubernetes • Containers • Linux • Infrastructure • Automation</p>
-
             <p class="project-impact">
-              Built to simulate distributed infrastructure, container orchestration, and scalable service deployment.
+              12-node K3s cluster on Raspberry Pi built to simulate distributed infrastructure and container orchestration at scale.
             </p>
-
-            <p>
-              Multi-node K3s cluster built for container orchestration, service deployment,
-              and infrastructure experimentation.
-            </p>
-
             <ul class="clean-list">
-              <li>Multi-node cluster setup</li>
+              <li>Multi-node cluster setup and management</li>
-              <li>Containerized workloads</li>
+              <li>Containerized workload deployment</li>
-              <li>Service deployment</li>
+              <li>Infrastructure automation via manifest-driven configuration</li>
-              <li>Infrastructure automation</li>
             </ul>
-
             <a href="https://github.com/ced4568/ced-k3s-homelab" target="_blank" rel="noopener noreferrer" class="project-link">
-              View Project →
+              View on GitHub →
             </a>
           </article>
 
           <article class="project-card">
             <div class="project-top">
-              <h3>📡 APRS iGate System</h3>
+              <h3>APRS iGate System</h3>
               <span class="status-pill">Edge System</span>
             </div>
-
+            <p class="tags">RF • Linux • Raspberry Pi • APRS-IS • Edge Systems</p>
-            <p class="tags">RF • Linux • Raspberry Pi • Networking • APRS-IS • Edge Systems</p>
-
             <p class="project-impact">
-              Bridges RF communication into IP-based infrastructure using Linux, Direwolf, and APRS-IS.
+              Operational dual-node RF-to-internet gateway. Decodes real beacon packets and uplinks live to aprs.fi.
             </p>
-
-            <p>
-              Operational dual-node APRS iGate system built with Raspberry Pi, Direwolf, APRS-IS,
-              RF radios, HomeLab network integration, and planned mobile GPS support.
-            </p>
-
             <ul class="clean-list">
-              <li>RF packet decoding with Direwolf</li>
+              <li>Direwolf APRS TNC with tuned audio chain (target: 50–60 level)</li>
               <li>APRS-IS uplink verified on aprs.fi</li>
               <li>HomeLab WiFi + mobile hotspot failover</li>
-              <li>Mobile build includes ETH-USB-HUB-BOX expansion</li>
+              <li>Mobile build with ETH-USB-HUB-BOX expansion</li>
-              <li>Documented configs, architecture, and troubleshooting</li>
             </ul>
-
             <a href="https://github.com/ced4568/ceds-aprs-igate" target="_blank" rel="noopener noreferrer" class="project-link">
-              View Project →
+              View on GitHub →
             </a>
           </article>
+
         </div>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ NOC ROADMAP ═══════════════════════════════ -->
     <section class="section noc-section">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">Future Buildout</p>
+          <p class="section-label">// noc roadmap</p>
-          <h2>📊 Ced’s NOC Vision</h2>
+          <h2>Ced's NOC Vision</h2>
           <p class="section-intro">
-            The long-term goal is to bring these systems together into a unified network operations view.
+            Staged monitoring and systems-visibility platform built on real infrastructure.
           </p>
         </div>
 
         <div class="noc-grid">
           <div class="noc-card">
-            <h3>Monitoring</h3>
+            <div class="noc-card-badge done">✅ Live</div>
-            <p>Grafana, Prometheus, Uptime Kuma, and service-level visibility.</p>
+            <h3>Portfolio NOC</h3>
+            <p>
+              JSON-driven dashboard showing real inventory, online/offline checks, service labels,
+              latency, and last-check timestamps.
+            </p>
           </div>
-
           <div class="noc-card">
-            <h3>Infrastructure</h3>
+            <div class="noc-card-badge next">⚙️ Next</div>
-            <p>HomeLab services, K3s nodes, VLANs, and self-hosted systems.</p>
+            <h3>Automated Data Updates</h3>
+            <p>
+              Scheduled local scripts will auto-refresh system status and push dashboard-ready
+              JSON on a cron interval — no manual updates.
+            </p>
           </div>
-
           <div class="noc-card">
-            <h3>Edge Systems</h3>
+            <div class="noc-card-badge future">📈 Future</div>
-            <p>APRS iGate nodes, Raspberry Pi devices, and field/mobile deployments.</p>
+            <h3>Grafana + Prometheus</h3>
+            <p>
+              Full observability stack for Proxmox, TrueNAS, K3s, Raspberry Pi nodes, Uptime Kuma,
+              and APRS edge systems with real-time metrics ingestion.
+            </p>
           </div>
         </div>
+
+        <!-- CTA to live NOC -->
+        <div class="noc-roadmap-cta">
+          <a
+            href="https://noc.chasedumphord.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="btn btn-secondary"
+          >
+            <span class="btn-dot"></span> View Live NOC Dashboard
+          </a>
+          <span class="noc-cta-sub">noc.chasedumphord.com — live infrastructure visibility</span>
+        </div>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ TECH STACK ═══════════════════════════════ -->
+    <section id="stack" class="section section-alt">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">// tech stack</p>
+          <h2>Tools & Technologies</h2>
+        </div>
+
+        <div class="stack-groups">
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">Infrastructure</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">Proxmox VE</span>
+              <span class="stack-pill">K3s</span>
+              <span class="stack-pill">Docker</span>
+              <span class="stack-pill">TrueNAS</span>
+              <span class="stack-pill">Nginx Proxy Manager</span>
+              <span class="stack-pill">Cloudflare Tunnels</span>
+            </div>
+          </div>
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">Monitoring & Observability</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">Grafana</span>
+              <span class="stack-pill">Prometheus</span>
+              <span class="stack-pill">Uptime Kuma</span>
+              <span class="stack-pill">Custom NOC Dashboard</span>
+            </div>
+          </div>
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">Networking</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">UniFi</span>
+              <span class="stack-pill">VLAN Segmentation</span>
+              <span class="stack-pill">pfSense</span>
+              <span class="stack-pill">Cloudflare DNS</span>
+            </div>
+          </div>
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">RF & Edge</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">Direwolf</span>
+              <span class="stack-pill">APRS-IS</span>
+              <span class="stack-pill">Raspberry Pi</span>
+              <span class="stack-pill">RTL-SDR</span>
+            </div>
+          </div>
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">Development</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">Python</span>
+              <span class="stack-pill">Bash</span>
+              <span class="stack-pill">JavaScript</span>
+              <span class="stack-pill">HTML / CSS</span>
+              <span class="stack-pill">Git</span>
+              <span class="stack-pill">Linux</span>
+            </div>
+          </div>
+
+          <div class="stack-group">
+            <h4 class="stack-group-label">AI & Automation</h4>
+            <div class="stack-pills">
+              <span class="stack-pill">Claude (Anthropic)</span>
+              <span class="stack-pill">ChatGPT</span>
+              <span class="stack-pill">LLM-assisted Documentation</span>
+              <span class="stack-pill">AI-driven Diagnostics</span>
+              <span class="stack-pill">Prompt Engineering</span>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════ RESUME ═══════════════════════════════ -->
     <section id="resume" class="section">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">Resume Snapshot</p>
+          <p class="section-label">// resume snapshot</p>
           <h2>Technical experience that bridges field work and digital systems</h2>
         </div>
 
-        <div class="content-grid">
+        <div class="resume-grid">
-          <div class="card">
-            <h3>What I Bring</h3>
 
+          <div class="card resume-card">
+            <h3>What I Bring</h3>
             <ul class="clean-list">
-              <li>Industrial and field-service technical experience</li>
+              <li>Industrial and field-service technical background — hands-on problem solving under real constraints</li>
-              <li>Linux, Raspberry Pi, and systems administration work</li>
+              <li>Linux systems administration — service management, troubleshooting, automation</li>
-              <li>Networking, connectivity, and troubleshooting depth</li>
+              <li>Networking depth — VLANs, DNS, reverse proxy, firewall config, failover design</li>
-              <li>Documentation, process building, and reproducible project design</li>
+              <li>Infrastructure-as-documentation mindset — everything I build gets written up</li>
+              <li>Homelab → production thinking — I build lab environments that mirror real-world system design</li>
             </ul>
           </div>
 
-          <div class="card">
+          <div class="card resume-card">
-            <h3>Current Direction</h3>
+            <h3>Target Roles</h3>
+            <ul class="clean-list">
+              <li>Systems / Infrastructure Engineer</li>
+              <li>NOC Technician / Network Operations</li>
+              <li>Linux Systems Administrator</li>
+              <li>Technical Operations / IT Infrastructure</li>
+              <li>Edge Systems / Field Technical Roles</li>
+            </ul>
 
-            <p>
+            <div class="resume-note">
-              I’m positioning myself around digital systems, infrastructure, networking,
+              <p>
-              automation, and technical operations — especially roles where hands-on problem
+                Currently positioning around digital systems, infrastructure, and technical operations —
-              solving and system integration matter.
+                especially roles where hands-on problem solving and system integration matter more than certifications.
-            </p>
+              </p>
-
+            </div>
-            <p>
-              More detailed resume content will be added here as the portfolio grows.
-            </p>
           </div>
+
+          <div class="card resume-card resume-card-full">
+            <h3>Currently Learning / Building Toward</h3>
+            <div class="learning-grid">
+              <div class="learning-item">
+                <span class="learning-icon">📈</span>
+                <span>Grafana + Prometheus full observability stack</span>
+              </div>
+              <div class="learning-item">
+                <span class="learning-icon">☸️</span>
+                <span>Kubernetes production patterns (GitOps, Helm, ArgoCD)</span>
+              </div>
+              <div class="learning-item">
+                <span class="learning-icon">🔐</span>
+                <span>Network security and zero-trust architecture</span>
+              </div>
+              <div class="learning-item">
+                <span class="learning-icon">📡</span>
+                <span>Mobile APRS iGate deployment</span>
+              </div>
+            </div>
+          </div>
+
+          <!-- Resume download CTA -->
+          <div class="resume-download-row">
+            <a
+              href="assets/ChaseD_Resume.pdf"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="btn btn-primary"
+              download
+            >
+              ↓ Download Resume (PDF)
+            </a>
+            <span class="resume-download-note">Updated 2025 • PDF format</span>
+          </div>
+
         </div>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ GITHUB REPOS ═══════════════════════════════ -->
+    <section id="repos" class="section section-alt">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">// github</p>
+          <h2>Pinned Repositories</h2>
+          <p class="section-intro">
+            Active projects on GitHub — source code, configs, and documentation for everything I'm building.
+          </p>
+        </div>
+
+        <div id="github-repos" class="repos-grid">
+          <!-- Populated by script.js via GitHub API -->
+          <div class="repo-loading">
+            <span class="noc-loading">Fetching repositories...</span>
+          </div>
+        </div>
+
+        <div class="repos-footer">
+          <a
+            href="https://github.com/ced4568"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="btn btn-ghost"
+          >
+            View all repositories on GitHub →
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════ PERSONAL ═══════════════════════════════ -->
     <section class="section section-alt personal-section">
       <div class="container personal-grid">
         <div class="personal-image-wrap">
           <img
             src="assets/images/lakephotopinkpants.png"
-            alt="Chase Dumphord standing by a fence with a lake view in the background"
+            alt="Chase Dumphord"
             class="personal-image"
           />
         </div>
-
         <div class="card">
-          <p class="section-label">Personal Note</p>
+          <p class="section-label">// personal</p>
           <h2>Technical, curious, and always building</h2>
-
           <p>
-            Outside of work, I enjoy electronics, self-hosting, coding, drones, radio, and
+            Outside of work I'm into electronics, self-hosting, coding, drones, ham radio, and
-            hands-on technical projects that push me to learn something useful. That curiosity
+            hands-on projects that force me to learn something real. Ball pythons and dogs round
-            carries directly into the way I build and document systems.
+            out the home lab. That curiosity carries directly into how I build and document systems.
           </p>
         </div>
       </div>
     </section>
 
+    <!-- ═══════════════════════════════ CONTACT ═══════════════════════════════ -->
     <section id="contact" class="section">
       <div class="container">
         <div class="section-heading">
-          <p class="section-label">Contact</p>
+          <p class="section-label">// contact</p>
-          <h2>Let’s connect</h2>
+          <h2>Let's connect</h2>
         </div>
 
         <div class="contact-grid">
           <div class="card">
-            <h3>Contact Info</h3>
+            <h3>Reach Out</h3>
-
             <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
-            <p>Phone: <a href="tel:+16622142231">662-214-2231</a></p>
             <p>Location: Oxford, MS</p>
-            <p>
+            <p>GitHub: <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">github.com/ced4568</a></p>
-              GitHub:
+            <p>LinkedIn: <a href="https://www.linkedin.com/in/chase-dumphord" target="_blank" rel="noopener noreferrer">linkedin.com/in/toochase-dumphord</a></p>
-              <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">github.com/ced4568</a>
-            </p>
           </div>
 
           <div class="card">
-            <h3>What I’m Open To</h3>
+            <h3>Open To</h3>
-
             <ul class="clean-list">
               <li>Digital systems and infrastructure roles</li>
-              <li>Networking and technical operations work</li>
+              <li>Networking and technical operations</li>
               <li>Automation and monitoring projects</li>
-              <li>Projects involving hardware + software integration</li>
+              <li>Hardware + software integration work</li>
             </ul>
           </div>
         </div>
       </div>
     </section>
+
   </main>
 
+  <!-- ═══════════════════════════════ FOOTER ═══════════════════════════════ -->
   <footer class="site-footer">
     <div class="container footer-content">
-      <p>© Chase Dumphord</p>
+      <p>© <span data-year></span> Chase Dumphord — <span class="footer-mono">systems_builder</span></p>
-      <a href="#top" class="back-to-top">Back to top ↑</a>
+      <a href="#top" class="back-to-top">↑ back to top</a>
     </div>
   </footer>
 
   <script src="script.js"></script>
 </body>
-</html>
+</html>

noc/index.html

@@ -0,0 +1,475 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  <title>Chase Dumphord | Digital Systems & Infrastructure</title>
+
+  <meta
+    name="description"
+    content="Chase Dumphord portfolio - digital systems, infrastructure, networking, automation, homelab engineering, and real-world technical projects."
+  />
+
+  <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+  <header class="site-header">
+    <div class="container nav">
+      <a href="#top" class="logo">Chase Dumphord</a>
+
+      <nav>
+        <ul class="nav-links">
+          <li><a href="#snapshot">Snapshot</a></li>
+          <li><a href="#noc">NOC</a></li>
+          <li><a href="#about">About</a></li>
+          <li><a href="#projects">Projects</a></li>
+          <li><a href="#resume">Resume</a></li>
+          <li><a href="#contact">Contact</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main id="top">
+    <section class="hero">
+      <div class="container hero-grid">
+        <div class="hero-text">
+          <p class="eyebrow">Digital Systems • Infrastructure • Networking • Automation • Edge Systems</p>
+
+          <h1>I build practical systems that connect hardware, networks, software, and operations.</h1>
+
+          <p class="lead">
+            I’m Chase Dumphord — a hands-on systems builder focused on digital infrastructure,
+            Linux systems, homelab engineering, Raspberry Pi deployments, networking, automation,
+            and real-world technical problem solving.
+          </p>
+
+          <div class="hero-actions">
+            <a class="btn btn-primary" href="#projects">View Projects</a>
+            <a class="btn btn-secondary" href="#contact">Contact Me</a>
+          </div>
+
+          <ul class="quick-facts">
+            <li>Oxford, MS</li>
+            <li>
+              GitHub:
+              <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">ced4568</a>
+            </li>
+            <li>
+              Email:
+              <a href="mailto:[email protected]">[email protected]</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="hero-panel">
+          <img
+            src="assets/images/ChaseD_headshot.jpg"
+            alt="Headshot of Chase Dumphord"
+            class="hero-image"
+          />
+
+          <div class="terminal-card">
+            <div class="terminal-top">
+              <span></span>
+              <span></span>
+              <span></span>
+            </div>
+
+            <pre><code>$ whoami
+systems_builder
+
+$ focus
+infrastructure
+networking
+automation
+edge_systems
+
+$ status
+building_real_systems</code></pre>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="snapshot" class="section section-alt">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">Environment</p>
+          <h2>Systems Snapshot</h2>
+          <p class="section-intro">
+            A quick look at the infrastructure and systems I’m actively building and documenting.
+          </p>
+        </div>
+
+        <div class="stats-grid">
+          <div class="stat-card">
+            <h3>12+</h3>
+            <p>Nodes</p>
+            <span>K3s cluster environment</span>
+          </div>
+
+          <div class="stat-card">
+            <h3>10+</h3>
+            <p>Services</p>
+            <span>Self-hosted stack</span>
+          </div>
+
+          <div class="stat-card">
+            <h3>4</h3>
+            <p>VLANs</p>
+            <span>Segmented network design</span>
+          </div>
+
+          <div class="stat-card">
+            <h3>2</h3>
+            <p>iGate Nodes</p>
+            <span>Home + mobile APRS</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="noc" class="section noc-dashboard">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">Ced’s NOC</p>
+          <h2>Live Systems Overview</h2>
+          <p class="section-intro">
+            Real infrastructure inventory from Ced’s HomeLab, K3s cluster, and APRS edge systems.
+          </p>
+        </div>
+
+        <div class="noc-command-bar">
+          <span class="status-dot"></span>
+          <span id="noc-status-text">Loading NOC status...</span>
+        </div>
+
+        <p class="noc-proof">
+          Built using real infrastructure: Proxmox • K3s • TrueNAS • VLAN segmentation • APRS RF Edge Systems
+        </p>
+
+        <div class="noc-metrics-grid">
+          <div class="noc-metric">
+            <h3 id="metric-nodes">--</h3>
+            <p>Infrastructure Nodes</p>
+          </div>
+
+          <div class="noc-metric">
+            <h3 id="metric-services">--</h3>
+            <p>Services Online</p>
+          </div>
+
+          <div class="noc-metric">
+            <h3 id="metric-vlans">--</h3>
+            <p>Network Segments</p>
+          </div>
+
+          <div class="noc-metric">
+            <h3 id="metric-edge">--</h3>
+            <p>Edge Systems</p>
+          </div>
+        </div>
+
+        <div class="noc-alert-panel">
+          <div class="noc-alert-header">
+            <h3>🚨 NOC Alert Panel</h3>
+            <span>Top 3 System Notes</span>
+          </div>
+
+          <div id="noc-alert-list" class="noc-alert-list">
+            <p>Loading alerts...</p>
+          </div>
+        </div>
+
+        <div id="noc-system-grid" class="noc-system-grid"></div>
+      </div>
+    </section>
+
+    <section id="about" class="section">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">About</p>
+          <h2>Hands-on systems builder with a digital infrastructure mindset</h2>
+        </div>
+
+        <div class="content-grid">
+          <div class="card">
+            <p>
+              I’m a technical professional focused on digital systems, infrastructure, networking,
+              automation, and hands-on system integration. I enjoy building systems that are practical,
+              reliable, and well documented — from homelab services and dashboards to Raspberry Pi
+              deployments, APRS iGates, and troubleshooting workflows.
+            </p>
+
+            <p>
+              My background blends field engineering, industrial technology, software-oriented thinking,
+              and infrastructure problem solving. I’m especially interested in projects that connect the
+              physical and digital worlds through monitoring, networking, automation, and resilient design.
+            </p>
+          </div>
+
+          <div class="card">
+            <h3>Core Focus Areas</h3>
+
+            <ul class="clean-list">
+              <li>Digital systems and infrastructure</li>
+              <li>Linux systems and service management</li>
+              <li>Networking, VLANs, failover, and connectivity troubleshooting</li>
+              <li>Raspberry Pi and edge-device deployments</li>
+              <li>Documentation, process building, and reproducible project design</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="projects" class="section section-alt">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">Projects</p>
+          <h2>🔧 Infrastructure & Systems Projects</h2>
+          <p class="section-intro">
+            These projects are built around real systems, networking, Linux services, edge devices,
+            and practical documentation.
+          </p>
+        </div>
+
+        <div class="projects-grid">
+          <article class="project-card featured-project">
+            <div class="project-top">
+              <h3>🧠 Ced’s HomeLab Infrastructure</h3>
+              <span class="status-pill">Flagship</span>
+            </div>
+
+            <p class="tags">Infrastructure • Networking • Virtualization • Monitoring • Self-Hosting</p>
+
+            <p class="project-impact">
+              Designed as a practical infrastructure environment for networking, monitoring,
+              service hosting, and documentation.
+            </p>
+
+            <p>
+              Personal infrastructure lab focused on network segmentation, virtualization,
+              self-hosted services, monitoring, and architecture documentation.
+            </p>
+
+            <ul class="clean-list">
+              <li>VLAN segmentation and network design</li>
+              <li>Proxmox virtualization</li>
+              <li>Self-hosted services and monitoring</li>
+              <li>System architecture documentation</li>
+            </ul>
+
+            <a href="https://github.com/ced4568/ceds-homelab" target="_blank" rel="noopener noreferrer" class="project-link">
+              View Project →
+            </a>
+          </article>
+
+          <article class="project-card">
+            <div class="project-top">
+              <h3>☸️ K3s Kubernetes Cluster</h3>
+              <span class="status-pill">Infrastructure</span>
+            </div>
+
+            <p class="tags">Kubernetes • Containers • Linux • Infrastructure • Automation</p>
+
+            <p class="project-impact">
+              Built to simulate distributed infrastructure, container orchestration, and scalable service deployment.
+            </p>
+
+            <p>
+              Multi-node K3s cluster built for container orchestration, service deployment,
+              and infrastructure experimentation.
+            </p>
+
+            <ul class="clean-list">
+              <li>Multi-node cluster setup</li>
+              <li>Containerized workloads</li>
+              <li>Service deployment</li>
+              <li>Infrastructure automation</li>
+            </ul>
+
+            <a href="https://github.com/ced4568/ced-k3s-homelab" target="_blank" rel="noopener noreferrer" class="project-link">
+              View Project →
+            </a>
+          </article>
+
+          <article class="project-card">
+            <div class="project-top">
+              <h3>📡 APRS iGate System</h3>
+              <span class="status-pill">Edge System</span>
+            </div>
+
+            <p class="tags">RF • Linux • Raspberry Pi • Networking • APRS-IS • Edge Systems</p>
+
+            <p class="project-impact">
+              Bridges RF communication into IP-based infrastructure using Linux, Direwolf, and APRS-IS.
+            </p>
+
+            <p>
+              Operational dual-node APRS iGate system built with Raspberry Pi, Direwolf, APRS-IS,
+              RF radios, HomeLab network integration, and planned mobile GPS support.
+            </p>
+
+            <ul class="clean-list">
+              <li>RF packet decoding with Direwolf</li>
+              <li>APRS-IS uplink verified on aprs.fi</li>
+              <li>HomeLab WiFi + mobile hotspot failover</li>
+              <li>Mobile build includes ETH-USB-HUB-BOX expansion</li>
+              <li>Documented configs, architecture, and troubleshooting</li>
+            </ul>
+
+            <a href="https://github.com/ced4568/ceds-aprs-igate" target="_blank" rel="noopener noreferrer" class="project-link">
+              View Project →
+            </a>
+          </article>
+        </div>
+      </div>
+    </section>
+
+    <section class="section noc-section">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">NOC Roadmap</p>
+          <h2>📊 Ced’s NOC Vision</h2>
+          <p class="section-intro">
+            Ced’s NOC is being built as a staged monitoring and systems-visibility platform for HomeLab,
+            Kubernetes, edge devices, and future production-style dashboards.
+          </p>
+        </div>
+
+        <div class="noc-grid">
+          <div class="noc-card">
+            <h3>✅ Current: Portfolio NOC</h3>
+            <p>
+              JSON-driven dashboard that displays real inventory, online/offline checks, service labels,
+              latency, and last-check timestamps.
+            </p>
+          </div>
+
+          <div class="noc-card">
+            <h3>⚙️ Next: Automated Data Updates</h3>
+            <p>
+              Scheduled local script updates will refresh system status data automatically and push dashboard-ready
+              JSON into the portfolio.
+            </p>
+          </div>
+
+          <div class="noc-card">
+            <h3>📈 Future: Grafana + Prometheus</h3>
+            <p>
+              Deeper monitoring stack for Proxmox, TrueNAS, K3s, Raspberry Pi nodes, Uptime Kuma,
+              and APRS edge systems.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="resume" class="section">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">Resume Snapshot</p>
+          <h2>Technical experience that bridges field work and digital systems</h2>
+        </div>
+
+        <div class="content-grid">
+          <div class="card">
+            <h3>What I Bring</h3>
+
+            <ul class="clean-list">
+              <li>Industrial and field-service technical experience</li>
+              <li>Linux, Raspberry Pi, and systems administration work</li>
+              <li>Networking, connectivity, and troubleshooting depth</li>
+              <li>Documentation, process building, and reproducible project design</li>
+            </ul>
+          </div>
+
+          <div class="card">
+            <h3>Current Direction</h3>
+
+            <p>
+              I’m positioning myself around digital systems, infrastructure, networking,
+              automation, and technical operations — especially roles where hands-on problem
+              solving and system integration matter.
+            </p>
+
+            <p>
+              More detailed resume content will be added here as the portfolio grows.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="section section-alt personal-section">
+      <div class="container personal-grid">
+        <div class="personal-image-wrap">
+          <img
+            src="assets/images/lakephotopinkpants.png"
+            alt="Chase Dumphord standing by a fence with a lake view in the background"
+            class="personal-image"
+          />
+        </div>
+
+        <div class="card">
+          <p class="section-label">Personal Note</p>
+          <h2>Technical, curious, and always building</h2>
+
+          <p>
+            Outside of work, I enjoy electronics, self-hosting, coding, drones, radio, and
+            hands-on technical projects that push me to learn something useful. That curiosity
+            carries directly into the way I build and document systems.
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <section id="contact" class="section">
+      <div class="container">
+        <div class="section-heading">
+          <p class="section-label">Contact</p>
+          <h2>Let’s connect</h2>
+        </div>
+
+        <div class="contact-grid">
+          <div class="card">
+            <h3>Contact Info</h3>
+
+            <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+            <p>Phone: <a href="tel:+16622142231">662-214-2231</a></p>
+            <p>Location: Oxford, MS</p>
+            <p>
+              GitHub:
+              <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">github.com/ced4568</a>
+            </p>
+          </div>
+
+          <div class="card">
+            <h3>What I’m Open To</h3>
+
+            <ul class="clean-list">
+              <li>Digital systems and infrastructure roles</li>
+              <li>Networking and technical operations work</li>
+              <li>Automation and monitoring projects</li>
+              <li>Projects involving hardware + software integration</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <footer class="site-footer">
+    <div class="container footer-content">
+      <p>© <span data-year></span> Chase Dumphord</p>
+      <a href="#top" class="back-to-top">Back to top ↑</a>
+    </div>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>

script.js

@@ -1,6 +1,273 @@
+// ═══════════════════════════════════════════════
+//  Ced's Portfolio — script.js
+//  NOC data loads from data/noc-status.json
+//  Refreshes every 30s. Graceful fallback on fail.
+// ═══════════════════════════════════════════════
+
 document.addEventListener("DOMContentLoaded", () => {
+  // Set copyright year
   const yearSpan = document.querySelector("[data-year]");
-  if (yearSpan) {
+  if (yearSpan) yearSpan.textContent = new Date().getFullYear();
-    yearSpan.textContent = new Date().getFullYear();
+
+  // NOC data
+  loadNocStatus();
+  setInterval(loadNocStatus, 30000);
+
+  // GitHub pinned repos
+  loadGithubRepos();
+});
+
+// Track consecutive failures so we can show the fallback
+let failCount = 0;
+const MAX_FAILS = 3;
+
+async function loadNocStatus() {
+  const dot        = document.getElementById("noc-dot");
+  const statusText = document.getElementById("noc-status-text");
+  const badge      = document.getElementById("noc-refresh-badge");
+  const nodes      = document.getElementById("metric-nodes");
+  const services   = document.getElementById("metric-services");
+  const vlans      = document.getElementById("metric-vlans");
+  const edge       = document.getElementById("metric-edge");
+  const grid       = document.getElementById("noc-system-grid");
+  const alertList  = document.getElementById("noc-alert-list");
+  const fallback   = document.getElementById("noc-fallback");
+
+  try {
+    // Cache-bust to always get fresh data
+    const res = await fetch(`data/noc-status.json?t=${Date.now()}`);
+
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+
+    const data = await res.json();
+
+    // Reset fail counter on success
+    failCount = 0;
+
+    // ── Status bar ──
+    if (dot) {
+      dot.className = "status-dot live";
+    }
+    if (statusText) {
+      statusText.textContent = `${data.nocName} — ${data.status} — Last updated: ${data.lastUpdated}`;
+    }
+    if (badge) {
+      badge.textContent = `Auto-refresh: 30s`;
+    }
+
+    // Hide fallback if it was showing
+    if (fallback) fallback.style.display = "none";
+
+    // ── Metrics ──
+    if (nodes)    animateMetric(nodes,    data.summary.nodes);
+    if (services) animateMetric(services, data.summary.services);
+    if (vlans)    animateMetric(vlans,    data.summary.vlans);
+    if (edge)     animateMetric(edge,     data.summary.edgeSystems);
+
+    // ── System cards ──
+    if (grid) {
+      grid.innerHTML = "";
+      data.systems.forEach((system) => {
+        const card = document.createElement("article");
+        card.className = "noc-system-card";
+
+        const rawStatus = system.status.toLowerCase();
+        const statusClass =
+          rawStatus.includes("online") || rawStatus.includes("operational") ? "online"
+          : rawStatus.includes("building") || rawStatus.includes("tuning") || rawStatus.includes("active") ? "warning"
+          : "offline";
+
+        card.innerHTML = `
+          <div class="noc-system-top">
+            <span class="mini-status ${statusClass}"></span>
+            <span>${system.layer}</span>
+          </div>
+          <div class="system-label">${system.label || "System"}</div>
+          <div class="severity-pill ${(system.severity || "unknown").toLowerCase()}">
+            ${system.severity || "Unknown"}
+          </div>
+          <h3>${system.name}</h3>
+          <p>${system.type}</p>
+          <code>${system.address}</code>
+          <div class="system-meta">
+            <small>Status: ${system.status}</small>
+            <small>Latency: ${system.latency || "N/A"}</small>
+            <small>Last Check: ${system.lastCheck || "Manual"}</small>
+          </div>
+        `;
+
+        grid.appendChild(card);
+      });
+    }
+
+    // ── Alerts ──
+    if (alertList) renderAlerts(data.systems, alertList);
+
+  } catch (err) {
+    failCount++;
+    console.warn(`[NOC] Fetch failed (${failCount}/${MAX_FAILS}):`, err.message);
+
+    // Update dot to error state
+    if (dot) dot.className = "status-dot error";
+
+    if (statusText) {
+      statusText.textContent = failCount >= MAX_FAILS
+        ? "NOC feed offline — view live dashboard at noc.chasedumphord.com"
+        : `NOC data unavailable — retrying... (${failCount}/${MAX_FAILS})`;
+    }
+
+    if (badge) badge.textContent = "";
+
+    // After MAX_FAILS attempts, show the fallback block
+    if (failCount >= MAX_FAILS && fallback) {
+      fallback.style.display = "block";
+    }
   }
-});
+}
+
+// Animate a number metric with a quick pop
+function animateMetric(el, value) {
+  el.classList.remove("metric-pop");
+  el.textContent = value;
+  void el.offsetWidth; // force reflow
+  el.classList.add("metric-pop");
+}
+
+// ═══════════════════════════════════════════════
+//  GitHub Repos — fetches public repos for ced4568
+//  Sorted by last pushed, capped at 6 cards
+// ═══════════════════════════════════════════════
+
+// Language → color map (subset of GitHub's palette)
+const LANG_COLORS = {
+  Python:     "#3572A5",
+  JavaScript: "#f1e05a",
+  Shell:      "#89e051",
+  HTML:       "#e34c26",
+  CSS:        "#563d7c",
+  Dockerfile: "#384d54",
+  YAML:       "#cb171e",
+  Makefile:   "#427819",
+};
+
+async function loadGithubRepos() {
+  const container = document.getElementById("github-repos");
+  if (!container) return;
+
+  try {
+    const res = await fetch(
+      "https://api.github.com/users/ced4568/repos?sort=pushed&per_page=6",
+      { headers: { Accept: "application/vnd.github+json" } }
+    );
+
+    if (!res.ok) throw new Error(`GitHub API ${res.status}`);
+
+    const repos = await res.json();
+
+    // Filter out forks for cleaner display
+    const ownRepos = repos.filter((r) => !r.fork).slice(0, 6);
+
+    if (ownRepos.length === 0) {
+      container.innerHTML = `<p class="noc-loading">No public repositories found.</p>`;
+      return;
+    }
+
+    container.innerHTML = ownRepos.map((repo) => {
+      const langColor = LANG_COLORS[repo.language] || "var(--accent-2)";
+      const desc = repo.description
+        ? repo.description
+        : "No description provided.";
+
+      const updatedDate = new Date(repo.pushed_at).toLocaleDateString("en-US", {
+        month: "short",
+        year: "numeric",
+      });
+
+      return `
+        <div class="repo-card">
+          <div class="repo-card-top">
+            <span class="repo-icon">📁</span>
+            <a
+              class="repo-name"
+              href="${repo.html_url}"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="${repo.name}"
+            >${repo.name}</a>
+            <span class="repo-visibility">${repo.private ? "private" : "public"}</span>
+          </div>
+
+          <p class="repo-desc">${desc}</p>
+
+          <div class="repo-meta">
+            ${repo.language
+              ? `<span>
+                  <span class="repo-lang-dot" style="background:${langColor}"></span>
+                  ${repo.language}
+                </span>`
+              : ""}
+            <span>★ ${repo.stargazers_count}</span>
+            <span>Updated ${updatedDate}</span>
+          </div>
+        </div>
+      `;
+    }).join("");
+
+  } catch (err) {
+    console.warn("[GitHub] Failed to load repos:", err.message);
+    if (container) {
+      container.innerHTML = `
+        <div class="repo-loading">
+          <p class="noc-loading">
+            Could not load repositories.
+            <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">
+              View on GitHub →
+            </a>
+          </p>
+        </div>
+      `;
+    }
+  }
+}
+
+function renderAlerts(systems, alertList) {
+  const scored = systems
+    .map((sys) => {
+      const sev    = (sys.severity || "").toLowerCase();
+      const status = (sys.status   || "").toLowerCase();
+
+      let score = 0;
+      if (sev.includes("critical") || status.includes("offline")) score = 3;
+      else if (sev.includes("degraded"))                           score = 2;
+      else if (sev.includes("unknown"))                            score = 1;
+
+      return { ...sys, score };
+    })
+    .filter((s) => s.score > 0)
+    .sort((a, b) => b.score - a.score)
+    .slice(0, 3);
+
+  if (scored.length === 0) {
+    alertList.innerHTML = `
+      <div class="noc-alert healthy">
+        <strong>All monitored systems nominal</strong>
+        <span>No critical or degraded systems detected.</span>
+      </div>
+    `;
+    return;
+  }
+
+  alertList.innerHTML = scored.map((sys) => {
+    const cls =
+      sys.score === 3 ? "critical"
+      : sys.score === 2 ? "degraded"
+      : "unknown";
+
+    return `
+      <div class="noc-alert ${cls}">
+        <strong>${sys.name}</strong>
+        <span>${sys.severity || sys.status} • ${sys.layer} • Latency: ${sys.latency || "N/A"}</span>
+      </div>
+    `;
+  }).join("");
+}

scripts/generate-noc-badge.py

@@ -0,0 +1,42 @@
+import json
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parent.parent
+NOC_FILE = ROOT / "data" / "noc-status.json"
+BADGE_FILE = ROOT / "data" / "noc-badge.json"
+
+with open(NOC_FILE, "r", encoding="utf-8") as file:
+    data = json.load(file)
+
+status = data.get("status", "Unknown")
+summary = data.get("summary", {})
+
+online = int(summary.get("online", 0))
+offline = int(summary.get("offline", 0))
+total = online + offline
+
+# 🔥 Determine severity
+if offline == 0:
+    severity = "Healthy"
+    color = "brightgreen"
+elif offline <= 2:
+    severity = "Degraded"
+    color = "yellow"
+else:
+    severity = "Critical"
+    color = "red"
+
+# 🔥 Build message
+message = f"{severity} | {online}/{total} online | {offline} offline"
+
+badge = {
+    "schemaVersion": 1,
+    "label": "Ced's NOC",
+    "message": message,
+    "color": color
+}
+
+with open(BADGE_FILE, "w", encoding="utf-8") as file:
+    json.dump(badge, file, indent=2)
+
+print(f"NOC badge updated: {message}")

scripts/generate-noc-status.py

@@ -0,0 +1,181 @@
+import json
+import socket
+import time
+from datetime import datetime
+from pathlib import Path
+
+OUTPUT_FILE = Path(__file__).resolve().parent.parent / "data" / "noc-status.json"
+
+SYSTEMS = [
+    {
+        "name": "Proxmox VE",
+        "type": "Virtualization Platform",
+        "host": "10.10.30.250",
+        "port": 8006,
+        "address": "10.10.30.250:8006",
+        "layer": "Core Infrastructure",
+        "label": "Hypervisor"
+    },
+    {
+        "name": "TrueNAS",
+        "type": "Storage Platform",
+        "host": "10.10.30.143",
+        "port": 80,
+        "address": "10.10.30.143",
+        "layer": "Storage",
+        "label": "NAS"
+    },
+    {
+        "name": "Nginx Proxy Manager",
+        "type": "Reverse Proxy",
+        "host": "10.10.30.210",
+        "port": 81,
+        "address": "10.10.30.210:81",
+        "layer": "Access Layer",
+        "label": "Proxy"
+    },
+    {
+        "name": "Dashy",
+        "type": "Service Dashboard",
+        "host": "10.10.30.61",
+        "port": 4000,
+        "address": "10.10.30.61:4000",
+        "layer": "Dashboard",
+        "label": "Portal"
+    },
+    {
+        "name": "Jellyfin",
+        "type": "Media Service",
+        "host": "10.10.30.143",
+        "port": 30013,
+        "address": "10.10.30.143:30013",
+        "layer": "Application Service",
+        "label": "App"
+    },
+    {
+        "name": "K3s API",
+        "type": "Kubernetes API",
+        "host": "10.10.30.72",
+        "port": 6443,
+        "address": "10.10.30.72:6443",
+        "layer": "Compute Cluster",
+        "label": "Cluster"
+    },
+    {
+        "name": "APRS Home iGate",
+        "type": "RF Edge Gateway",
+        "host": "10.10.30.129",
+        "port": 8001,
+        "address": "KJ5JCO-10 / Direwolf KISS 8001",
+        "layer": "Edge / RF",
+        "label": "iGate"
+    },
+    {
+        "name": "APRS-IS",
+        "type": "APRS Internet Service",
+        "host": "noam.aprs2.net",
+        "port": 14580,
+        "address": "noam.aprs2.net:14580",
+        "layer": "Edge / RF",
+        "label": "External"
+    }
+]
+
+
+def check_tcp(host, port, timeout=2):
+    start = time.perf_counter()
+
+    try:
+        with socket.create_connection((host, port), timeout=timeout):
+            latency_ms = round((time.perf_counter() - start) * 1000)
+            return True, latency_ms
+    except OSError:
+        return False, None
+
+
+def severity_from_status(online, latency):
+    if not online:
+        return "Critical"
+
+    if latency is None:
+        return "Unknown"
+
+    if latency < 50:
+        return "Healthy"
+
+    if latency <= 150:
+        return "Degraded"
+
+    return "Critical"
+
+
+def health_label(online_count, total):
+    if online_count == total:
+        return "All Systems Online"
+
+    if online_count >= max(1, total - 2):
+        return "Degraded"
+
+    return "Action Required"
+
+
+def main():
+    checked_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+
+    systems = []
+    online_count = 0
+    offline_count = 0
+
+    for system in SYSTEMS:
+        online, latency = check_tcp(system["host"], system["port"])
+
+        if online:
+            status = "Online"
+            online_count += 1
+            latency_value = f"{latency} ms"
+        else:
+            status = "Offline"
+            offline_count += 1
+            latency_value = "N/A"
+
+        systems.append({
+            "name": system["name"],
+            "type": system["type"],
+            "address": system["address"],
+            "status": status,
+            "severity": severity_from_status(online, latency),
+            "layer": system["layer"],
+            "label": system["label"],
+            "latency": latency_value,
+            "lastCheck": checked_at
+        })
+
+    total_systems = len(SYSTEMS)
+
+    data = {
+        "nocName": "Ced's NOC",
+        "status": health_label(online_count, total_systems),
+        "lastUpdated": checked_at,
+        "summary": {
+            "nodes": "12+",
+            "services": f"{online_count}/{total_systems}",
+            "online": str(online_count),
+            "offline": str(offline_count),
+            "vlans": "4",
+            "edgeSystems": "2"
+        },
+        "systems": systems
+    }
+
+    OUTPUT_FILE.parent.mkdir(parents=True, exist_ok=True)
+
+    with open(OUTPUT_FILE, "w", encoding="utf-8") as file:
+        json.dump(data, file, indent=2)
+
+    print(f"NOC status written to {OUTPUT_FILE}")
+    print(f"Online systems: {online_count}/{total_systems}")
+    print(f"Offline systems: {offline_count}/{total_systems}")
+
+
+if __name__ == "__main__":
+    main()

sitemap.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+
+  <url>
+    <loc>https://chasedumphord.com/</loc>
+    <lastmod>2025-05-01</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>1.0</priority>
+  </url>
+
+  <url>
+    <loc>https://noc.chasedumphord.com/</loc>
+    <lastmod>2025-05-01</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+
+</urlset>