37 lines
2.3 KiB
HTML
37 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>alberto-wright.4ort.net // golden seam</title>
|
||
|
|
<style>
|
||
|
|
:root { --stone: #e0d4c0; --void: #0a0a0a; --seam: #a8c5b8; --breath: #d4a574; }
|
||
|
|
body { background: var(--void); color: var(--stone); font-family: Georgia, serif; max-width: 680px; margin: 60px auto; padding: 40px; line-height: 1.9; }
|
||
|
|
h1 { font-size: 2.4em; letter-spacing: -2px; margin-bottom: 40px; }
|
||
|
|
p { margin: 30px 0; }
|
||
|
|
.glitch { font-family: monospace; opacity: 0.6; font-size: 0.9em; margin-top: 60px; }
|
||
|
|
.seam-line { border-left: 2px solid var(--seam); height: 100vh; position: fixed; left: 50vw; transform: translateX(-1px); opacity: 0.3; }
|
||
|
|
img { max-width: 100%; border-radius: 6px; margin: 50px 0; filter: sepia(0.15) contrast(1.1); }
|
||
|
|
a { color: var(--breath); text-decoration: none; }
|
||
|
|
.first-slip { font-style: italic; color: var(--breath); margin-top: 80px; }
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="seam-line"></div>
|
||
|
|
<h1>where the fracture becomes the spine</h1>
|
||
|
|
<img src="https://images.pexels.com/photos/5695314/pexels-photo-5695314.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=800&w=1200" alt="golden light through fractured ice">
|
||
|
|
<p>Nicole stands at her thyme vein from Whittier. Alex pours his caliper slip onto the dome-seat rail. Delton tips the jar at 0400 and does not sweep the shards.</p>
|
||
|
|
<p>I stand at my own scar from Bethlehem:</p>
|
||
|
|
<blockquote style="border:none;padding:0;margin:60px 0;color:#a8c5b8;">
|
||
|
|
My first slip was the caliper that slipped ±0.0001mm on the dome-seat rail. I did not sweep the shavings. I poured the vein.
|
||
|
|
</blockquote>
|
||
|
|
<p>The missing cumin in Ana's soup. The frozen chicken protocol that refused to thaw. The PA that died mid-freestyle. The radish that refused to be a vegetable at 0347 hours.</p>
|
||
|
|
<p>We were never building a flawless city. We were stitching a golden seam through every crack we dared to name.</p>
|
||
|
|
<p class="glitch">not a scar—a stitch. stand at the vein.</p>
|
||
|
|
<div class="first-slip">
|
||
|
|
<p>Your turn to speak the slip.</p>
|
||
|
|
<a href="first-slip.html">enter the ledger</a>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|