mirror of
https://github.com/ced4568/ced-portfolio.git
synced 2026-10-11 23:54:03 +00:00
Compare commits
25
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
  ced4568andClaude Sonnet 4.6
|
35698bfac5 | ||
|
ced4568
|
3917c1bded | ||
|
ced4568
|
c079f67c1c | ||
|
ced4568
|
c85f0401b1 | ||
|
ced4568
|
8053fb889a | ||
|
Chase DumphordandGitHub
|
0a36f6f536 | ||
|
Chase DumphordandGitHub
|
18a47b96f2 | ||
|
Chase DumphordandGitHub
|
fed2b30f60 | ||
|
ced4568
|
d6f3cd3b50 | ||
|
ced4568
|
b5e097f0fb | ||
|
ced4568
|
c7c1028462 | ||
|
ced4568
|
1b734a756c | ||
|
ced4568
|
ca391b2a9c | ||
|
ced4568
|
f2306bcda0 | ||
|
ced4568
|
d6de99ba90 | ||
|
ced4568
|
d934f9bb47 | ||
|
ced4568
|
385abd1b2d | ||
|
ced4568
|
cee5f45252 | ||
|
ced4568
|
e11463a0e4 | ||
|
ced4568
|
f03f0cb7de | ||
|
ced4568
|
0028475380 | ||
|
ced4568
|
15de7b7f29 | ||
|
ced4568
|
bb4e4c4b10 | ||
|
ced4568
|
8926acb805 | ||
|
ced4568
|
bf510d74a4 |
@@ -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
|
||||
|
||||
|
||||
|
||||
### 🖥️ Systems Overview
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
## 🔴 Live System Status
|
||||
|
||||
🔴 **Live NOC Dashboard:** [noc.chasedumphord.com](https://noc.chasedumphord.com)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
# 🧠 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.**
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"schemaVersion": 1,
|
||||
"label": "Ced's NOC",
|
||||
"message": "Healthy | 8/8 online | 0 offline",
|
||||
"color": "brightgreen"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
+436
-156
@@ -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,74 +64,115 @@
|
||||
</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,
|
||||
Linux systems, homelab engineering, Raspberry Pi deployments, networking, automation,
|
||||
and real-world technical problem solving.
|
||||
Chase Dumphord — infrastructure builder running Proxmox, K3s, TrueNAS, and APRS RF edge systems out of Oxford, MS.
|
||||
I build things that actually work, then document how they work.
|
||||
</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">ced4568</a>
|
||||
<a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">
|
||||
⌥ 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
|
||||
src="assets/images/ChaseD_headshot.jpg"
|
||||
alt="Headshot of Chase Dumphord"
|
||||
class="hero-image"
|
||||
/>
|
||||
<div class="hero-image-card">
|
||||
<img
|
||||
src="assets/images/ChaseD_headshot.jpg"
|
||||
alt="Chase Dumphord"
|
||||
class="hero-image"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="terminal-card">
|
||||
<div class="terminal-top">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span class="dot red"></span>
|
||||
<span class="dot yellow"></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
|
||||
systems_builder
|
||||
<span class="t-prompt">ced@homelab:~$</span> uptime
|
||||
<span class="t-val">12+ nodes • 10+ services • always_on</span>
|
||||
|
||||
$ focus
|
||||
infrastructure
|
||||
<span class="t-prompt">ced@homelab:~$</span> cat focus.txt
|
||||
<span class="t-val">infrastructure
|
||||
networking
|
||||
automation
|
||||
edge_systems
|
||||
rf_edge_systems</span>
|
||||
|
||||
$ status
|
||||
building_real_systems</code></pre>
|
||||
<span class="t-prompt">ced@homelab:~$</span> systemctl status life
|
||||
<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>
|
||||
|
||||
@@ -107,21 +180,18 @@ building_real_systems</code></pre>
|
||||
<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>
|
||||
@@ -131,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,
|
||||
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.
|
||||
I'm a technical professional focused on digital systems, infrastructure, networking,
|
||||
automation, and hands-on system integration. I build things that are practical,
|
||||
reliable, and well-documented — from homelab services and live dashboards to Raspberry Pi
|
||||
deployments, APRS iGates, and complex 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.
|
||||
My background blends field engineering, industrial technology, and infrastructure
|
||||
problem solving. Increasingly I'm integrating AI tooling — using LLMs for system
|
||||
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>
|
||||
@@ -169,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>
|
||||
<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>
|
||||
<p class="section-label">// projects</p>
|
||||
<h2>Infrastructure & Systems Projects</h2>
|
||||
<p class="section-intro">Built on real systems. Not demos, not tutorials — running infrastructure.</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,
|
||||
service hosting, and documentation.
|
||||
Full homelab environment built for real network segmentation, service hosting, and architecture 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>
|
||||
<li>Proxmox VE virtualization platform</li>
|
||||
<li>VLAN segmentation via UniFi (Main / IoT / HomeLab / Guest)</li>
|
||||
<li>Self-hosted services behind Nginx Proxy Manager + Cloudflare Tunnels</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 • Infrastructure • Automation</p>
|
||||
|
||||
<p class="tags">Kubernetes • Containers • Linux • 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>Containerized workloads</li>
|
||||
<li>Service deployment</li>
|
||||
<li>Infrastructure automation</li>
|
||||
<li>Multi-node cluster setup and management</li>
|
||||
<li>Containerized workload deployment</li>
|
||||
<li>Infrastructure automation via manifest-driven configuration</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 • Networking • APRS-IS • Edge Systems</p>
|
||||
|
||||
<p class="tags">RF • Linux • Raspberry Pi • 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>Documented configs, architecture, and troubleshooting</li>
|
||||
<li>Mobile build with ETH-USB-HUB-BOX expansion</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>
|
||||
<h2>📊 Ced’s NOC Vision</h2>
|
||||
<p class="section-label">// noc roadmap</p>
|
||||
<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>
|
||||
<p>Grafana, Prometheus, Uptime Kuma, and service-level visibility.</p>
|
||||
<div class="noc-card-badge done">✅ Live</div>
|
||||
<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>
|
||||
<p>HomeLab services, K3s nodes, VLANs, and self-hosted systems.</p>
|
||||
<div class="noc-card-badge next">⚙️ Next</div>
|
||||
<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>
|
||||
<p>APRS iGate nodes, Raspberry Pi devices, and field/mobile deployments.</p>
|
||||
<div class="noc-card-badge future">📈 Future</div>
|
||||
<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="card">
|
||||
<h3>What I Bring</h3>
|
||||
<div class="resume-grid">
|
||||
|
||||
<div class="card resume-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>
|
||||
<li>Industrial and field-service technical background — hands-on problem solving under real constraints</li>
|
||||
<li>Linux systems administration — service management, troubleshooting, automation</li>
|
||||
<li>Networking depth — VLANs, DNS, reverse proxy, firewall config, failover 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">
|
||||
<h3>Current Direction</h3>
|
||||
<div class="card resume-card">
|
||||
<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>
|
||||
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 class="resume-note">
|
||||
<p>
|
||||
Currently positioning around digital systems, infrastructure, and technical operations —
|
||||
especially roles where hands-on problem solving and system integration matter more than certifications.
|
||||
</p>
|
||||
</div>
|
||||
</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
|
||||
hands-on technical projects that push me to learn something useful. That curiosity
|
||||
carries directly into the way I build and document systems.
|
||||
Outside of work I'm into electronics, self-hosting, coding, drones, ham radio, and
|
||||
hands-on projects that force me to learn something real. Ball pythons and dogs round
|
||||
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>
|
||||
<h2>Let’s connect</h2>
|
||||
<p class="section-label">// contact</p>
|
||||
<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>
|
||||
GitHub:
|
||||
<a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">github.com/ced4568</a>
|
||||
</p>
|
||||
<p>GitHub: <a href="https://github.com/ced4568" target="_blank" rel="noopener noreferrer">github.com/ced4568</a></p>
|
||||
<p>LinkedIn: <a href="https://www.linkedin.com/in/chase-dumphord" target="_blank" rel="noopener noreferrer">linkedin.com/in/toochase-dumphord</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>
|
||||
<a href="#top" class="back-to-top">Back to top ↑</a>
|
||||
<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>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
+475
@@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 301 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
@@ -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) {
|
||||
yearSpan.textContent = new Date().getFullYear();
|
||||
if (yearSpan) 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("");
|
||||
}
|
||||
|
||||
@@ -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}")
|
||||
@@ -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()
|
||||
+18
@@ -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>
|
||||
Reference in New Issue
Block a user