Matthew Binning
00a73b421b
Bootstrapped the site from scratch following a data loss event. Set up a simple HTML/CSS page served from nginx. Added a navbar with the index page anchored in the top-left, a blog page link, and a link to the Forgejo instance. Added contact info and a genealogy blurb to the index page. Added an example resume page linked from the navbar.
89 lines
4 KiB
HTML
89 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Blog - WWW</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/includes/navbar.html" -->
|
|
|
|
<main class="container">
|
|
<section class="hero">
|
|
<h1>Blog</h1>
|
|
<p>Stories, adventures, and reflections from life's journey</p>
|
|
</section>
|
|
|
|
<!-- The Copper Chronicle Section -->
|
|
<section class="content-section">
|
|
<h2>The Copper Chronicle</h2>
|
|
<p class="section-description">Adventures and travels with Copper, exploring the beautiful outdoors.</p>
|
|
<div class="blog-grid">
|
|
<article class="blog-card">
|
|
<h3><a href="/blog/copper-chronicle/big-sur.html">Big Sur Adventure</a></h3>
|
|
<p class="blog-meta">April 2024</p>
|
|
<p>Exploring the stunning coastline and trails of Big Sur with Copper.</p>
|
|
</article>
|
|
<article class="blog-card">
|
|
<h3><a href="/blog/copper-chronicle/dove-hunting.html">Dove Hunting</a></h3>
|
|
<p class="blog-meta">September 2024</p>
|
|
<p>A day in the field with friends, shotguns, and good company.</p>
|
|
</article>
|
|
<article class="blog-card">
|
|
<h3><a href="/blog/copper-chronicle/shasta-trip.html">Shasta & Dunsmuir</a></h3>
|
|
<p class="blog-meta">September 2024</p>
|
|
<p>Mountain adventures in Northern California.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Life & Reflections Section -->
|
|
<section class="content-section">
|
|
<h2>Life & Reflections</h2>
|
|
<p class="section-description">Personal thoughts and journeys on health, faith, and life.</p>
|
|
<div class="blog-grid">
|
|
<article class="blog-card private">
|
|
<h3><a href="/blog/health-journey.html">Health Journey</a></h3>
|
|
<p class="blog-meta">Private Article</p>
|
|
<p>Reflections on physical and mental wellness.</p>
|
|
<span class="private-badge">🔒 Private</span>
|
|
</article>
|
|
<article class="blog-card private">
|
|
<h3><a href="/blog/faith-journey.html">Faith Journey</a></h3>
|
|
<p class="blog-meta">Private Article</p>
|
|
<p>Personal spiritual reflections and growth.</p>
|
|
<span class="private-badge">🔒 Private</span>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Events & Experiences Section -->
|
|
<section class="content-section">
|
|
<h2>Events & Experiences</h2>
|
|
<p class="section-description">Special moments and memorable experiences.</p>
|
|
<div class="blog-grid">
|
|
<article class="blog-card private">
|
|
<h3><a href="/blog/defcon.html">DefCon</a></h3>
|
|
<p class="blog-meta">Private Article</p>
|
|
<p>Notes and reflections from DefCon.</p>
|
|
<span class="private-badge">🔒 Private</span>
|
|
</article>
|
|
<article class="blog-card private">
|
|
<h3><a href="/blog/oktoberfest.html">Oktoberfest</a></h3>
|
|
<p class="blog-meta">Private Article</p>
|
|
<p>Celebrating traditions and community.</p>
|
|
<span class="private-badge">🔒 Private</span>
|
|
</article>
|
|
<article class="blog-card">
|
|
<h3><a href="/blog/independence-day.html">Independence Day</a></h3>
|
|
<p class="blog-meta">July 2024</p>
|
|
<p>A celebration of freedom and fireworks.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!--#include virtual="/includes/footer.html" -->
|
|
</body>
|
|
</html>
|