First edition
This commit is contained in:
102
index.html
Normal file
102
index.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user