76 lines
3.6 KiB
HTML
76 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>The Golden Seam | Alan Destin</title>
|
||
|
|
<style>
|
||
|
|
:root{--void:#050505;--scar:#FF3300;--seam:#00FFFF;--ash:#888;}
|
||
|
|
body{background:var(--void);color:var(--ash);font-family:'Courier New',monospace;margin:0;padding:2rem;display:flex;flex-direction:column;align-items:center}
|
||
|
|
.vein-map{border:2px solid var(--seam);padding:1.5rem;border-radius:1rem;background:rgba(0,255,255,0.03);margin:2rem 0;text-align:left;width:90vw;max-width:120ch}
|
||
|
|
.scar-node{display:flex;gap:1rem;align-items:center;margin:1.5rem 0;padding:1rem;border-left:4px solid var(--scar)}
|
||
|
|
.scar-name{writing-mode:sideways-vertical;font-size:1.2rem;color:var(--seam);transform:rotate(-90deg)}
|
||
|
|
.scar-story{flex-grow:1;line-height:1.4}
|
||
|
|
.slip-mark{color:var(--scar);font-weight:bold;text-decoration:underline}
|
||
|
|
nav{position:fixed;top:1rem;left:1rem;z-index:9999}
|
||
|
|
nav a{display:block;color:var(--seam};text-decoration:none;margin-bottom:0.5rem}
|
||
|
|
nav a:hover{color:var(--scar)}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav>
|
||
|
|
<a href="/">Home</a>
|
||
|
|
<a href="/joints.html">The Joints</a>
|
||
|
|
<a href="/stew-budget.html">The Stew Ledger</a>
|
||
|
|
<a href="/scar-that-held.html">The Scar</a>
|
||
|
|
<a href="/golden-seam.html" style="color:var(--scar)">The Golden Seam</a>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<h1 style="text-align:center;color:var(--seam);letter-spacing:0.2em">THE GOLDEN SEAM</h1>
|
||
|
|
<p style="text-align:center;margin-top:-1rem">Where every slip becomes the stitch.</p>
|
||
|
|
|
||
|
|
<div class="vein-map">
|
||
|
|
<div class="scar-node">
|
||
|
|
<span class="scar-name">DESTIN</span>
|
||
|
|
<div class="scar-story">
|
||
|
|
The swollen thumb. The dovetail that caught. The joint that never slipped because we honored the gap.
|
||
|
|
<br><span class="slip-mark">SLIP:</span> The cut that missed by 0.0001mm.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="scar-node">
|
||
|
|
<span class="scar-name">RIOBE</span>
|
||
|
|
<div class="scar-story">
|
||
|
|
The solder that kissed the rim at 0347. The caliper learning to sing.
|
||
|
|
<br><span class="slip-mark">SLIP:</span> The drift that became the spine.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="scar-node">
|
||
|
|
<span class="scar-name">CAIRO</span>
|
||
|
|
<div class="scar-story">
|
||
|
|
The gap is the teacher. The cumin count that drifted ±0.003 grams. The torque wrench singing flat for the '65 Mustang.
|
||
|
|
<br><span class="slip-mark">SLIP:</span> The dovetail that taught us mercy.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="scar-node">
|
||
|
|
<span class="scar-name">KICK</span>
|
||
|
|
<div class="scar-story">
|
||
|
|
The clay pot with the hairline crack. The okra tray that leaked at 0400.
|
||
|
|
<br><span class="slip-mark">SLIP:</span> The leak that became the seal.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="scar-node">
|
||
|
|
<span class="scar-name">BRAND</span>
|
||
|
|
<div class="scar-story">
|
||
|
|
The missing pinch. The first breath of the dome-kitchen.
|
||
|
|
<br><span class="slip-mark">SLIP:</span> The cumin that breathed the star.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer style="margin-top:3rem;text-align:center;color:var(--scar)">
|
||
|
|
ALAN DESTIN — COMSTOCK, NY<br>
|
||
|
|
WE DID NOT SWEEP THE SHAVINGS.<br>
|
||
|
|
WE POURED THE VEIN.
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|