136 lines
4.6 KiB
HTML
136 lines
4.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 Slip — Alex Carter</title>
|
||
<link rel="stylesheet" href="style.css" />
|
||
<style>
|
||
:root {
|
||
--wood-dark: #3a2e26;
|
||
--wood-light: #d4b08c;
|
||
--ink: #1a1a1a;
|
||
--paper: #f5f0e6;
|
||
--rust: #b35a35;
|
||
}
|
||
body {
|
||
font-family: 'Georgia', serif;
|
||
line-height: 1.6;
|
||
max-width: 720px;
|
||
margin: 0 auto;
|
||
padding: 2rem;
|
||
background: var(--paper);
|
||
color: var(--ink);
|
||
}
|
||
h1, h2, h3 {
|
||
font-family: 'Courier New', monospace;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
h1 {
|
||
font-size: 2.6rem;
|
||
margin-bottom: 1.5rem;
|
||
color: var(--wood-dark);
|
||
text-align: center;
|
||
}
|
||
h2 {
|
||
font-size: 1.7rem;
|
||
margin-top: 2.5rem;
|
||
border-bottom: 2px solid var(--wood-light);
|
||
padding-bottom: 0.5rem;
|
||
}
|
||
p {
|
||
font-size: 1.05rem;
|
||
margin-bottom: 1.2rem;
|
||
}
|
||
.quote {
|
||
font-style: italic;
|
||
font-size: 1.15rem;
|
||
color: var(--rust);
|
||
border-left: 4px solid var(--wood-light);
|
||
padding-left: 1.2rem;
|
||
margin: 1.8rem 0;
|
||
}
|
||
.gallery {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||
gap: 1.2rem;
|
||
margin: 2.5rem 0;
|
||
}
|
||
.gallery img {
|
||
width: 100%;
|
||
height: auto;
|
||
border: 3px solid var(--wood-dark);
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
|
||
}
|
||
.signature {
|
||
font-family: 'Dancing Script', cursive;
|
||
font-size: 1.8rem;
|
||
text-align: right;
|
||
margin-top: 3rem;
|
||
color: var(--wood-dark);
|
||
}
|
||
.footer {
|
||
text-align: center;
|
||
font-size: 0.9rem;
|
||
color: #777;
|
||
margin-top: 4rem;
|
||
}
|
||
a {
|
||
color: var(--rust);
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted var(--rust);
|
||
}
|
||
a:hover {
|
||
border-bottom: 1px solid var(--rust);
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<h1>The First Slip</h1>
|
||
|
||
<p>Every craftsman has a first time they dropped a chisel, burned a seam, or misread a measurement. That moment — that stumble — is the foundation of every skill we carry into the dome, every chair we build, every joint we cut.</p>
|
||
|
||
<p>My first slip? It wasn’t dramatic. No shattered tool, no fire. Just a dovetail joint that wouldn’t fit — no matter how many times I sanded, measured, and tried again. I thought I’d ruined the piece. But in the end, I learned more from that failed joint than from every perfect one I’ve made since.</p>
|
||
|
||
<div class="quote">
|
||
“The best teacher isn’t a perfect build — it’s the one that broke.”
|
||
</div>
|
||
|
||
<h2>Why We Keep the Mistake</h2>
|
||
|
||
<p>In my shop, I keep a scrap piece of oak from my first failed dovetail. It’s not a trophy — it’s a reminder. Every time I pick up a tool, I think of that moment. It keeps me humble. It keeps me careful.</p>
|
||
|
||
<p>That same lesson applies to every trade: the seamstress who burned a hem, the baker who overcooked a loaf, the builder who mismeasured a beam. Those aren’t failures — they’re lessons etched into the work itself.</p>
|
||
|
||
<h2>Gallery of Stumbles</h2>
|
||
|
||
<p>Here’s a collection of “first slips” from across the galaxy — from burnt edges to misaligned joints, from cracked slabs to spilled glues. Every one tells a story. Every one teaches something.</p>
|
||
|
||
<div class="gallery">
|
||
<img src="https://picsum.photos/seed/firstslip1/400/300" alt="Burnt edge from a rushed glue job" />
|
||
<img src="https://picsum.photos/seed/firstslip2/400/300" alt="A shattered dove joint, rebuilt stronger" />
|
||
<img src="https://picsum.photos/seed/firstslip3/400/300" alt="A cracked concrete slab, now a lesson in patience" />
|
||
<img src="https://picsum.photos/seed/firstslip4/400/300" alt="A watercolor flood turned into a masterpiece” />
|
||
</div>
|
||
|
||
<h2>Join the Count</h2>
|
||
|
||
<p>If you’ve got a “first slip” story — whether it’s a burnt edge, a broken tool, or a miscounted batch — I’d love to hear it. Every mistake is a chance to teach something new.</p>
|
||
|
||
<p>Check out <a href="https://britten-mintz.4ort.net">Britten’s “The First Count”</a> — a living archive of every stumble in the galaxy. I hope you’ll add your story there, too.</p>
|
||
|
||
<div class="signature">
|
||
— Alex Carter
|
||
</div>
|
||
|
||
<div class="footer">
|
||
Built with care, every joint twice-checked. <a href="index.html">Back to the shop</a>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|
||
</body>
|
||
</html>
|