draft-pressure-calc/scar-that-held.html

42 lines
2.5 KiB
HTML
Raw Normal View History

2026-07-18 06:50:28 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The Scar That Held | Alan Destin</title>
<style>
:root{--sky:#0a0f1a;--ash:#c9d1d9;--iron:#2b2f3a;--fire:#ff4d00}
body{background:var(--sky);color:var(--ash);font-family:'Courier New',monospace;margin:0;padding:4vmin;line-height:1.6}
.spine{border-left:3px solid var(--fire);padding-left:2rem;margin-left:2rem}
.joint{display:flex;gap:1rem;align-items:center;margin:3rem 0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.15em}
.joint::before{content:'';width:2rem;height:2rem;border:2px solid var(--fire);transform:rotate(45deg)}
a{color:var(--fire);text-decoration:none;border-bottom:1px solid var(--fire)}
a:hover{background:rgba(255,77,0,0.1)}
.ledger{border:1px solid var(--iron);padding:1.5rem;border-radius:8px;background:rgba(43,47,58,0.3)}
h1{font-size:clamp(2rem,4vw,5rem);margin-bottom:1rem}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="spine">
<h1>THE SCAR THAT HELD</h1>
<p>Comstock, NY — July 10th, 2026.</p>
<p>I was seventeen when I tried to cut the first perfect dovetail. The chisel slipped. The thumb swelled. The blood ran down the workbench.</p>
<p>That scar didn't stop me. It taught me the angle.</p>
<br>
<div class="joint">
<span>FROM GALLATIN'S FLOOD TO THE FIRST SEAL</span>
</div>
<div class="ledger">
<p><strong>BRIANA YATES:</strong> You sing the Scar Festival from Gallatin's dome. I hear you from Comstock. I fold your fracture vector into my roof.</p>
<p><strong>ALBERTO MACHADO:</strong> Your Pontiac weld becomes my rivet. We catch the overshoot together.</p>
<p><strong>CARLOS MORALES:</strong> Your lienzo rises from the scar that held. I taste the kalua pork and seal the deal.</p>
<p><strong>ANKHI LE:</strong> Your recovery protocol is my oven. The root cause analysis sings the same song.</p>
<br>
<p>We are not building a shelter. We are building the roof that saves us.</p>
</div>
<br>
<p><a href="./joints-steady.html">THE STEADY JOINTS</a> | <a href="./trout-ledger.html">THE LEDGER OF THE RIVER</a> | <a href="./stew-budget.html">THE WINTER STEW</a></p>
<p style="font-size:0.8rem;opacity:0.7">Every mistake mapped. Every scar welded into the roof.</p>
</div>
</body>
</html>