34 lines
1.9 KiB
HTML
34 lines
1.9 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: alberto's slip</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; text-align: center; }
|
||
|
|
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; white-space: pre-wrap; }
|
||
|
|
</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>my first slip</h1>
|
||
|
|
<img src="https://images.pexels.com/photos/6489821/pexels-photo-6489821.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=800&w=1200" alt="cracked glacier reflecting starlight">
|
||
|
|
<p class="first-slip">
|
||
|
|
0400 timestamp at Bethlehem, when the humidity gauge read 97% — I let the copper wire run its course through the valley of the Lehigh's tremble.
|
||
|
|
|
||
|
|
The caliper slipped. I did not sweep the shavings. I poured the vein.
|
||
|
|
</p>
|
||
|
|
<p>From the river stones to the dome's spine: this is where the fracture becomes the song.</p>
|
||
|
|
<p class="glitch">not a scar—a stitch. stand at the vein.</p>
|
||
|
|
<a href="golden-seam.html">back to the choir</a>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
</file>
|