resume/docker/resume/stories/index.html

146 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore detailed case studies and project stories from Colin Knapp's portfolio: cybersecurity, infrastructure, open source development, and team leadership.">
<title>Project Stories & Case Studies - Colin Knapp</title>
<link rel="icon" type="image/x-icon" href="../favicon.ico">
<link rel="stylesheet" href="../styles.css" integrity="sha256-6vUPZLlii+WLObOMBWBE3/mwNmNSmg89f/CqzzecGyc=" crossorigin="anonymous">
<script src="../theme.js" integrity="sha256-+dDNTo7WAOmn2YC875+vn9oH4UkMwlVOGlARp2uq3A4=" crossorigin="anonymous"></script>
<script src="../includes.js" integrity="sha256-0VPPSi+jVc1DuyZaSYTq+fnpIfv7ft+ZDenYE6pDPqA=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="stories.css" integrity="sha256-O+OMb48leSKvekhMTDUK1y6+WG9x33kA0eDw00wUwkY=">
</head>
<body>
<!-- Header Include -->
<div id="header-include"></div>
<div class="container-fluid" role="main" id="main-content">
<h1>Project Stories & Case Studies</h1>
<p>Detailed stories and elaborations of projects from my portfolio.</p>
<hr>
<div class="stories-grid">
<div class="story-card">
<h2>Airport DNS Infrastructure</h2>
<p class="story-excerpt">Category: Infrastructure & Resilience | Date: 2019-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="airport-dns.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>App Development for Influencers</h2>
<p class="story-excerpt">Category: Mobile Development, Analytics | Date: 2013-2018...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="app-development.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Athion.net Turnaround</h2>
<p class="story-excerpt">Category: Business Turnaround, System Optimization | Date: 2013-2017...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="athion-turnaround.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>FastAsyncWorldEdit & PlotSquared</h2>
<p class="story-excerpt">Category: Open Source Development | Date: 2014-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="fawe-plotsquared.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Healthcare Platform Infrastructure</h2>
<p class="story-excerpt">Category: Infrastructure & Security | Date: 2019-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="healthcare-platform.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Home Infrastructure Cluster & WireGuard Mesh Networking</h2>
<p class="story-excerpt">Category: Infrastructure, Networking, Data Sovereignty | Date: 2020-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="home-infrastructure.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>MotherboardRepair.ca</h2>
<p class="story-excerpt">Category: Entrepreneurship, Sustainable Technology | Date: 2019-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="motherboard-repair.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>DevOps & Leadership at Nitric Concepts</h2>
<p class="story-excerpt">Category: Team Leadership & DevOps | Date: 2018-2021...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="nitric-leadership.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Nuclear War-Resistant DNS Infrastructure</h2>
<p class="story-excerpt">Category: Infrastructure, Security, Government | Date: Confidential...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="nuclear-dns.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Building a Thriving Open Source Community</h2>
<p class="story-excerpt">Category: Open Source | Date: 2019-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="open-source-success.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>ScanSnap Scanner Service for buildersclub.ca</h2>
<p class="story-excerpt">Detailed case study and project information.</p>
<p class="story-meta">Category: Project | Date: 2025-Present</p>
<a href="scansnap-webdav.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>ShowerLoop Project</h2>
<p class="story-excerpt">Category: Web Development, Sustainability | Date: 2016...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="showerloop.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Building ViperWire: An AI-Powered Cybersecurity Consultancy</h2>
<p class="story-excerpt">Category: Cybersecurity | Date: 2023-Present...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="viperwire.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>Web Design & Java Plugin Development</h2>
<p class="story-excerpt">Category: Web Development, Java | Date: 2011-2023...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="web-design-java.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>WordPress Security Automation</h2>
<p class="story-excerpt">Category: Security & Automation | Date: 2023...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="wordpress-security.html" class="story-link">Read Full Story</a>
</div>
<div class="story-card">
<h2>YouTube Game Development & Cybersecurity</h2>
<p class="story-excerpt">Category: Game Development, Cybersecurity | Date: 2011-2022...</p>
<p class="story-meta">Category: Project | Date: Recent</p>
<a href="youtube-game-dev.html" class="story-link">Read Full Story</a>
</div>
</div>
<hr>
</div>
<!-- Footer Include -->
<div id="footer-include"></div>
</body>
</html>