127 lines
8.4 KiB
HTML
127 lines
8.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="Colin Knapp - Portfolio Stories and Case Studies">
|
|
<title>Colin Knapp - Stories & Case Studies</title>
|
|
<link rel="icon" type="image/x-icon" href="../favicon.ico">
|
|
<link rel="stylesheet" href="../styles.css" integrity="sha256-efXJB9ojE48KDEisFG5s+pGha1fH1bZA/IKW/ZKrL50=" crossorigin="anonymous">
|
|
<script src="../theme.js" integrity="sha256-+dDNTo7WAOmn2YC875+vn9oH4UkMwlVOGlARp2uq3A4=" crossorigin="anonymous"></script>
|
|
<script src="../includes.js" integrity="sha256-q9ac7XWqnIASoBRfs4I4hpSMlnxGARofcEw0cSFfn/E=" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="stories.css" integrity="sha256-5Lrk4RP6+4oP0Dbe2qVepxbZ0tYjXoWQHz55YlbGXFk=">
|
|
</head>
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' 'sha256-oRCvBUmDTuPb8XOF1vLYwhIrcj2kzMbEwX5QzUPAPQI=' 'sha256-Ue6wom48SQbpmwW9QIk7pyVDR5Bg36SetP67V2pDkxc=' 'sha256-fOEWMJmrMxKbP5wElIXmDNUlfs6BSn+E9zt81T0Rysg=' 'sha256-q9ac7XWqnIASoBRfs4I4hpSMlnxGARofcEw0cSFfn/E=' 'sha256-+dDNTo7WAOmn2YC875+vn9oH4UkMwlVOGlARp2uq3A4=' 'sha256-1ZUvhca3M/N6hch4NrdPufDPLTnANOpJ4hfsZgRykgg=' 'sha256-JR8sYN1/jgctBktEsjejl175usnuJQ+LimW18BWyL8I=' 'sha256-Ue6wom48SQbpmwW9QIk7pyVDR5Bg36SetP67V2pDkxc=' 'sha256-ryQsJ+aghKKD/CeXgx8jtsnZT3Epp3EjIw8RyHIq544='; style-src 'self' 'sha256-5oTxos9Qxwhor3qIwHSM12YyIZi5E+tHuFdYER0hXoI=' 'sha256-807UZmWvd6eLc8xVckZkNX6CRP9WV8MzHURc5BgtRWo=' 'sha256-efXJB9ojE48KDEisFG5s+pGha1fH1bZA/IKW/ZKrL50=' 'sha256-5Lrk4RP6+4oP0Dbe2qVepxbZ0tYjXoWQHz55YlbGXFk=' 'sha256-2EA12+9d+s6rrc0rkdIjfmjbh6p2o0ZSXs4wbZuk/tA='; img-src 'self' data:; font-src 'self' data:; connect-src 'self'; object-src 'none'; frame-ancestors 'none'; base-uri 'none'; form-action 'none';">
|
|
<body>
|
|
<!-- Header Include -->
|
|
<div id="header-include"></div>
|
|
|
|
<div class="container-fluid" role="main">
|
|
<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>Open Source Community Success</h2>
|
|
<p class="story-excerpt">How I revitalized an abandoned open source project, built a thriving community of 32,000+ members, and established sustainable funding.</p>
|
|
<p class="story-meta">Category: Open Source | Date: 2019-Present</p>
|
|
<a href="open-source-success.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>ViperWire Cybersecurity</h2>
|
|
<p class="story-excerpt">How I built an AI-powered cybersecurity consultancy from the ground up, focusing on cutting-edge protection for digital assets.</p>
|
|
<p class="story-meta">Category: Cybersecurity | Date: 2023</p>
|
|
<a href="viperwire.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>FastAsyncWorldEdit & PlotSquared</h2>
|
|
<p class="story-excerpt">The technical challenges overcome in scaling Minecraft world editing from crashing at 50,000 edits to seamlessly handling billions.</p>
|
|
<p class="story-meta">Category: Open Source | Date: 2014-Present</p>
|
|
<a href="fawe-plotsquared.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>YouTube Game Development</h2>
|
|
<p class="story-excerpt">Designing custom video games for prominent online creators while integrating advanced cybersecurity measures.</p>
|
|
<p class="story-meta">Category: Game Development, Cybersecurity | Date: 2009-2022</p>
|
|
<a href="youtube-game-dev.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>Web Design & Java Plugin Development</h2>
|
|
<p class="story-excerpt">Developing web solutions and Java plugins with a focus on CI/CD efficiency and accessibility standards.</p>
|
|
<p class="story-meta">Category: Web Development, Java | Date: 2009-2023</p>
|
|
<a href="web-design-java.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>App Development for Influencers</h2>
|
|
<p class="story-excerpt">Creating an ad revenue tracking app to help content creators optimize their earnings and content strategies.</p>
|
|
<p class="story-meta">Category: Mobile Development, Analytics | Date: 2013-2018</p>
|
|
<a href="app-development.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>Healthcare Platform Infrastructure</h2>
|
|
<p class="story-excerpt">An in-depth look at the infrastructure design and security implementation for the Improving MI Practices healthcare platform.</p>
|
|
<p class="story-meta">Category: Infrastructure | Date: 2019-Present</p>
|
|
<a href="healthcare-platform.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>WordPress Security Automation</h2>
|
|
<p class="story-excerpt">How I developed a Docker-based solution that eliminated persistent malware attacks on a high-profile website.</p>
|
|
<p class="story-meta">Category: Security | Date: 2023</p>
|
|
<a href="wordpress-security.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>Airport DNS Infrastructure</h2>
|
|
<p class="story-excerpt">Building a geographically redundant DNS cluster for Flint Bishop International Airport that achieves A+ reliability standards.</p>
|
|
<p class="story-meta">Category: Infrastructure | Date: 2019-Present</p>
|
|
<a href="airport-dns.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>NitricConcepts Leadership</h2>
|
|
<p class="story-excerpt">Managing a distributed team of 45 contractors and implementing DevSecOps practices across multiple timezones.</p>
|
|
<p class="story-meta">Category: Leadership | Date: 2018-2021</p>
|
|
<a href="nitric-leadership.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>Athion.net Turnaround</h2>
|
|
<p class="story-excerpt">Transforming a struggling business into a self-sustaining operation in just two weeks through strategic optimization.</p>
|
|
<p class="story-meta">Category: Business Turnaround | Date: 2013-2017</p>
|
|
<a href="athion-turnaround.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>MotherboardRepair.ca</h2>
|
|
<p class="story-excerpt">Co-founding a company dedicated to reducing electronic waste through specialized circuit board repair services.</p>
|
|
<p class="story-meta">Category: Entrepreneurship, Sustainability | Date: 2019-Present</p>
|
|
<a href="motherboard-repair.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
|
|
<div class="story-card">
|
|
<h2>ShowerLoop Project</h2>
|
|
<p class="story-excerpt">Revamping the website for an eco-friendly recirculating shower system with a focus on accessibility and modern design.</p>
|
|
<p class="story-meta">Category: Web Development, Sustainability | Date: 2016</p>
|
|
<a href="showerloop.html" class="story-link">Read Full Story</a>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<p class="accessibility-notice"><strong>Accessibility:</strong> This website is designed and developed to meet WCAG 2.1 Level AAA standards, ensuring the highest level of accessibility for all users. Features include high contrast ratios, keyboard navigation, screen reader compatibility, and responsive design. The site supports both light and dark modes with automatic system preference detection.</p>
|
|
</div>
|
|
|
|
<!-- Footer Include -->
|
|
<div id="footer-include"></div>
|
|
</body>
|
|
</html>
|