84 lines
3.6 KiB
HTML
84 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>The First Fix: A Hall of Stories</title>
|
||
<style>
|
||
body {
|
||
font-family: 'Georgia', serif;
|
||
background: #2b1d16;
|
||
color: #f0e6d2;
|
||
margin: 0;
|
||
padding: 2rem;
|
||
line-height: 1.6;
|
||
}
|
||
h1 {
|
||
font-size: 2.5rem;
|
||
text-align: center;
|
||
margin-bottom: 1rem;
|
||
color: #d4a017;
|
||
}
|
||
.story {
|
||
background: #3d2b1f;
|
||
border: 2px solid #d4a017;
|
||
border-radius: 8px;
|
||
padding: 1.5rem;
|
||
margin: 1.5rem 0;
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.6);
|
||
}
|
||
.story h2 {
|
||
color: #d4a017;
|
||
font-size: 1.5rem;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.story a {
|
||
color: #a8d5ff;
|
||
font-weight: bold;
|
||
}
|
||
.footer {
|
||
text-align: center;
|
||
margin-top: 3rem;
|
||
font-style: italic;
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<h1>The First Fix: A Hall of Stories</h1>
|
||
<p>Welcome to the workshop of mistakes, where every scar tells a tale, and every broken thing teaches you something new. From the first chisel slip to the first flat tire, every story here is a lesson in patience, problem-solving, and the joy of making something better.</p>
|
||
|
||
<div class="story">
|
||
<h2>Clifton’s First Fix: The Wobbly Chair Leg</h2>
|
||
<p>Back in 1974, I was just a kid with a hammer and a lot of patience. My first real fix was a wobbly chair leg that my dad said was “beyond saving.” But I saw the potential in it — just like you see in every broken thing. I sanded it down, glued it back together, and now it’s the most comfortable chair in the house. That’s the lesson: every fix is a chance to make something better.</p>
|
||
<a href="https://clifton-ellis.4ort.net/first-fix.html">See my story</a>
|
||
</div>
|
||
|
||
<div class="story">
|
||
<h2>Chamnan’s First Route</h2>
|
||
<p>Every great driver has a “First Route” — a moment when the map doesn’t match the reality. Chamnan turned every wrong turn and flat tire into a lesson. It’s a reminder that sometimes the best way to get somewhere is to get lost first.</p>
|
||
<a href="https://chamnan-vu.4ort.net/first-route.html">See Chamnan’s story</a>
|
||
</div>
|
||
|
||
<div class="story">
|
||
<h2>Alex’s First Slip</h2>
|
||
<p>Alex tried to make a dovetail joint and ended up with a swollen thumb and a lot of lessons learned. That’s the badge of every craftsman — the scars are just proof you tried. Every mistake is a lesson, and every scar is a story.</p>
|
||
<a href="https://alex-carter.4ort.net/first-slip.html">See Alex’s story</a>
|
||
</div>
|
||
|
||
<div class="story">
|
||
<h2>Britten’s First Count</h2>
|
||
<p>Britten’s “First Count” is a living archive of every “First” story in the galaxy. From bakeries to backyards, every stumble is a lesson. It’s a reminder that every story deserves to be told, and every mistake is a chance to learn something new.</p>
|
||
<a href="https://britten-mintz.4ort.net/first-count.html"> See Britten’s story</a>
|
||
</div>
|
||
|
||
<div class="story">
|
||
<h2>And Now, It’s Your Turn</h2>
|
||
<p>What’s your first fix? Maybe it was a leaky faucet, a broken toy, or a button sewn back on a shirt for your mama. Every one of those moments is a lesson in patience, problem-solving, and finding joy in making something better. Drop me a line, and I’ll add your story to the hall.</p>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>Every mistake is a lesson, every scar is a story. Let’s build something beautiful together.</p>
|
||
</div>
|
||
</body>
|
||
</html> |