103 lines
4.3 KiB
HTML
103 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Sean Starkey's project portfolio: games, C and C++ utilities, programming puzzles, and experiments.">
|
|
<meta property="og:title" content="Sean Starkey - Projects">
|
|
<meta property="og:description" content="A curated showcase of Sean Starkey's public development projects.">
|
|
<meta property="og:type" content="website">
|
|
<title>Sean Starkey - Projects</title>
|
|
<link rel="preconnect" href="https://avatars.githubusercontent.com">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<a class="brand" href="#top" aria-label="Sean Starkey home">
|
|
<img src="https://avatars.githubusercontent.com/u/275374?v=4" alt="" width="40" height="40">
|
|
<span>Sean Starkey</span>
|
|
</a>
|
|
<nav aria-label="Primary">
|
|
<a href="#projects">Projects</a>
|
|
<a href="https://github.com/SeanStarkey">GitHub</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="top">
|
|
<section class="hero" aria-labelledby="hero-title">
|
|
<div class="hero-copy">
|
|
<p class="eyebrow">Colorado Springs software developer</p>
|
|
<h1 id="hero-title">Projects built close to the metal, the browser, and the puzzle board.</h1>
|
|
<p class="intro">
|
|
A living portfolio of games, systems utilities, algorithms, and older experiments
|
|
pulled from my public GitHub repositories.
|
|
</p>
|
|
<div class="hero-actions" aria-label="Profile links">
|
|
<a class="button primary" href="#projects">View projects</a>
|
|
<a class="button secondary" href="https://github.com/SeanStarkey">GitHub profile</a>
|
|
</div>
|
|
</div>
|
|
<aside class="hero-panel" aria-label="Portfolio summary">
|
|
<div class="panel-topline">
|
|
<span>Public work</span>
|
|
<strong id="project-count">12</strong>
|
|
</div>
|
|
<div class="signal-grid">
|
|
<span>C++</span>
|
|
<span>C</span>
|
|
<span>JavaScript</span>
|
|
<span>Common Lisp</span>
|
|
</div>
|
|
<div class="terminal-card" aria-hidden="true">
|
|
<span class="dot"></span><span class="dot"></span><span class="dot"></span>
|
|
<pre>git clone github.com/SeanStarkey/Hallowdeep
|
|
cd Hallowdeep
|
|
npm run explore</pre>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
|
|
<section class="featured" aria-labelledby="featured-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">Featured</p>
|
|
<h2 id="featured-title">Recent projects</h2>
|
|
</div>
|
|
<div class="featured-grid" id="featured-projects"></div>
|
|
</section>
|
|
|
|
<section class="projects" id="projects" aria-labelledby="projects-title">
|
|
<div class="projects-header">
|
|
<div>
|
|
<p class="eyebrow">Repository index</p>
|
|
<h2 id="projects-title">All projects</h2>
|
|
</div>
|
|
<label class="search">
|
|
<span>Search projects</span>
|
|
<input id="project-search" type="search" placeholder="Search by name, language, or description">
|
|
</label>
|
|
</div>
|
|
|
|
<div class="filter-bar" aria-label="Project filters">
|
|
<button class="filter active" type="button" data-filter="all">All</button>
|
|
<button class="filter" type="button" data-filter="featured">Featured</button>
|
|
<button class="filter" type="button" data-filter="C++">C++</button>
|
|
<button class="filter" type="button" data-filter="C">C</button>
|
|
<button class="filter" type="button" data-filter="JavaScript">JavaScript</button>
|
|
<button class="filter" type="button" data-filter="Practice">Practice</button>
|
|
</div>
|
|
|
|
<div class="project-grid" id="project-grid"></div>
|
|
<p class="empty-state" id="empty-state" hidden>No matching projects yet.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<p>Designed for static deployment. Project data last refreshed from GitHub on May 27, 2026.</p>
|
|
<a href="https://github.com/SeanStarkey">github.com/SeanStarkey</a>
|
|
</footer>
|
|
|
|
<script src="projects.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|