mirror of
https://github.com/ced4568/ceds-noc.git
synced 2026-08-13 05:14:03 +00:00
Convert NOC site to dedicated dashboard page
This commit is contained in:
+30
-336
@@ -4,11 +4,11 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
<title>Chase Dumphord | Digital Systems & Infrastructure</title>
|
<title>Ced’s NOC | Live Systems Dashboard</title>
|
||||||
|
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
name="description"
|
||||||
content="Chase Dumphord portfolio - digital systems, infrastructure, networking, automation, homelab engineering, and real-world technical projects."
|
content="Ced’s NOC - live systems dashboard for homelab infrastructure, K3s, services, and APRS RF edge systems."
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<link rel="stylesheet" href="style.css" />
|
<link rel="stylesheet" href="style.css" />
|
||||||
@@ -17,116 +17,45 @@
|
|||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="container nav">
|
<div class="container nav">
|
||||||
<a href="#top" class="logo">Chase Dumphord</a>
|
<a href="#top" class="logo">Ced’s NOC</a>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="nav-links">
|
<ul class="nav-links">
|
||||||
<li><a href="#snapshot">Snapshot</a></li>
|
<li><a href="#noc">Live Systems</a></li>
|
||||||
<li><a href="#noc">NOC</a></li>
|
<li><a href="#vision">Roadmap</a></li>
|
||||||
<li><a href="#about">About</a></li>
|
<li>
|
||||||
<li><a href="#projects">Projects</a></li>
|
<a href="https://chasedumphord.com" target="_blank" rel="noopener noreferrer">
|
||||||
<li><a href="#resume">Resume</a></li>
|
Portfolio
|
||||||
<li><a href="#contact">Contact</a></li>
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/ced4568/ceds-noc" target="_blank" rel="noopener noreferrer">
|
||||||
|
GitHub
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="top">
|
<main id="top">
|
||||||
<section class="hero">
|
<section class="hero noc-hero">
|
||||||
<div class="container hero-grid">
|
<div class="container">
|
||||||
<div class="hero-text">
|
<div class="hero-text">
|
||||||
<p class="eyebrow">Digital Systems • Infrastructure • Networking • Automation • Edge Systems</p>
|
<p class="eyebrow">Network Operations • Infrastructure • Monitoring • RF Edge Systems</p>
|
||||||
|
|
||||||
<h1>I build practical systems that connect hardware, networks, software, and operations.</h1>
|
<h1>Ced’s NOC Dashboard</h1>
|
||||||
|
|
||||||
<p class="lead">
|
<p class="lead">
|
||||||
I’m Chase Dumphord — a hands-on systems builder focused on digital infrastructure,
|
A live operational dashboard for tracking homelab infrastructure, service health,
|
||||||
Linux systems, homelab engineering, Raspberry Pi deployments, networking, automation,
|
K3s systems, network layers, and APRS RF edge systems.
|
||||||
and real-world technical problem solving.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="hero-actions">
|
<div class="hero-actions">
|
||||||
<a class="btn btn-primary" href="#projects">View Projects</a>
|
<a class="btn btn-primary" href="#noc">View Live Systems</a>
|
||||||
<a class="btn btn-secondary" href="#contact">Contact Me</a>
|
<a class="btn btn-secondary" href="https://chasedumphord.com" target="_blank" rel="noopener noreferrer">
|
||||||
</div>
|
Main Portfolio
|
||||||
|
</a>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -188,149 +117,7 @@ building_real_systems</code></pre>
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="about" class="section">
|
<section id="vision" class="section noc-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="container">
|
||||||
<div class="section-heading">
|
<div class="section-heading">
|
||||||
<p class="section-label">NOC Roadmap</p>
|
<p class="section-label">NOC Roadmap</p>
|
||||||
@@ -343,7 +130,7 @@ building_real_systems</code></pre>
|
|||||||
|
|
||||||
<div class="noc-grid">
|
<div class="noc-grid">
|
||||||
<div class="noc-card">
|
<div class="noc-card">
|
||||||
<h3>✅ Current: Portfolio NOC</h3>
|
<h3>✅ Current: Live JSON Dashboard</h3>
|
||||||
<p>
|
<p>
|
||||||
JSON-driven dashboard that displays real inventory, online/offline checks, service labels,
|
JSON-driven dashboard that displays real inventory, online/offline checks, service labels,
|
||||||
latency, and last-check timestamps.
|
latency, and last-check timestamps.
|
||||||
@@ -353,8 +140,8 @@ building_real_systems</code></pre>
|
|||||||
<div class="noc-card">
|
<div class="noc-card">
|
||||||
<h3>⚙️ Next: Automated Data Updates</h3>
|
<h3>⚙️ Next: Automated Data Updates</h3>
|
||||||
<p>
|
<p>
|
||||||
Scheduled local script updates will refresh system status data automatically and push dashboard-ready
|
Scheduled local scripts will refresh system status data automatically and push
|
||||||
JSON into the portfolio.
|
dashboard-ready JSON into the live NOC.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -368,104 +155,11 @@ building_real_systems</code></pre>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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>
|
</main>
|
||||||
|
|
||||||
<footer class="site-footer">
|
<footer class="site-footer">
|
||||||
<div class="container footer-content">
|
<div class="container footer-content">
|
||||||
<p>© <span data-year></span> Chase Dumphord</p>
|
<p>© <span data-year></span> Chase Dumphord • Ced’s NOC</p>
|
||||||
<a href="#top" class="back-to-top">Back to top ↑</a>
|
<a href="#top" class="back-to-top">Back to top ↑</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
Reference in New Issue
Block a user