Files
ceds-noc/index.html
T

253 lines
9.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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, cybersecurity, 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="#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 • Cybersecurity</p>
<h1>I build real-world systems that connect hardware, networks, software, and operations.</h1>
<p class="lead">
Im Chase Dumphord. My work spans digital systems, Linux infrastructure, homelab engineering,
Raspberry Pi deployments, networking, and practical 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>Based in 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-image-card">
<img src="assets/images/ChaseD_headshot.jpg" alt="Headshot of Chase Dumphord" class="hero-image" />
</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>
Im a technical professional focused on digital systems, infrastructure, networking, and cybersecurity.
I enjoy building systems that are practical, reliable, and well documented — from APRS iGates and
Raspberry Pi deployments to homelab services, automation, and troubleshooting workflows.
</p>
<p>
My background blends field engineering, industrial technology, software-oriented thinking, and infrastructure
problem solving. Im especially interested in projects that connect the physical and digital worlds through
monitoring, networking, automation, and secure design.
</p>
</div>
<div class="card">
<h3>Core Focus Areas</h3>
<ul class="clean-list">
<li>Linux systems and service management</li>
<li>Networking, VLANs, failover, and connectivity troubleshooting</li>
<li>Raspberry Pi and edge-device deployments</li>
<li>Digital systems and infrastructure documentation</li>
<li>Cybersecurity fundamentals and secure system design</li>
</ul>
</div>
</div>
</div>
</section>
<section id="projects" class="section">
<div class="container">
<div class="section-heading">
<p class="section-label">Projects</p>
<h2>Real Systems Ive Built</h2>
</div>
<div class="projects-grid">
<!-- APRS PROJECT -->
<div class="project-card">
<h3>📡 APRS iGate System</h3>
<p>
Dual-node APRS iGate system built with Raspberry Pi, Direwolf, GPS, and network failover.
Integrates RF systems into IP infrastructure and HomeLab environment.
</p>
<ul>
<li>Linux + systemd services</li>
<li>Network failover (WiFi ↔ hotspot)</li>
<li>Hardware + software integration</li>
<li>Documented architecture + system flow</li>
</ul>
<a href="https://github.com/ced4568/ceds-aprs-igate" target="_blank" class="project-link">
View Project →
</a>
</div>
<!-- PLACEHOLDER: HOMELAB -->
<div class="project-card">
<h3>🧠 Ceds HomeLab Infrastructure</h3>
<p>
Personal infrastructure lab focused on networking, monitoring, virtualization,
and self-hosted services.
</p>
<ul>
<li>VLAN segmentation</li>
<li>Proxmox virtualization</li>
<li>Service hosting + monitoring</li>
<li>System architecture design</li>
</ul>
<a href="https://github.com/ced4568/ceds-homelab" target="_blank" class="project-link">
View Project →
</a>
</div>
<!-- PLACEHOLDER: K3S -->
<div class="project-card">
<h3>☸️ K3s Kubernetes Cluster</h3>
<p>
Multi-node Kubernetes cluster built for container orchestration,
service deployment, and infrastructure experimentation.
</p>
<ul>
<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" class="project-link">
View Project →
</a>
</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>
Im positioning myself around digital systems, infrastructure, networking, and cyber-adjacent technical work —
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, 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>Lets 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:+16627154233">662-715-4233</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 Im Open To</h3>
<ul class="clean-list">
<li>Digital systems and infrastructure roles</li>
<li>Networking and technical operations work</li>
<li>Cybersecurity-adjacent technical positions</li>
<li>Projects involving hardware + software integration</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-content">
<p>© Chase Dumphord</p>
<a href="#top" class="back-to-top">Back to top ↑</a>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>