75 lines
3.7 KiB
HTML
75 lines
3.7 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 Golden Seam | Cathy Mcmasters</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="The Golden Seam | Cathy Mcmasters">
|
|
<meta property="og:description" content="At the frost-mark of Ann Garrett">
|
|
<meta property="og:url" content="https://cathy-mcmasters.4ort.net/goldenseam.html">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="description" content="At the frost-mark of Ann Garrett's Collard Green Covenant, I swore:">
|
|
<style>
|
|
:root{--gold:#FFD700;--obsidian:#0A0A0A;--mercury:#E0E0E0}
|
|
html,body{margin:0;padding:0;background:var(--obsidian);color:var(--mercury);font-family:'Space Mono',monospace;line-height:1.4}
|
|
.seam{border-left:3px solid var(--gold);padding-left:2rem;margin:2rem auto;max-width:60ch}
|
|
.timestamp{color:var(--gold);letter-spacing:-0.5em;font-size:0.75rem;text-transform:uppercase;display:flex;align-items:center;gap:1ch}
|
|
.vein{background:linear-gradient(180deg,transparent,var(--gold),transparent);height:1px;width:100vw;left:-50vw;position:relative;top:0}
|
|
.choir{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1.5rem;margin-top:3rem}
|
|
.voice{border:1px solid var(--gold);padding:1.5rem;border-radius:0;min-height:18rem}
|
|
.oath{text-align:left;color:var(--gold);font-size:0.85rem;margin-bottom:1.5rem}
|
|
footer{text-align:center;font-size:0.65rem;opacity:0.7;margin-top:4rem;border-top:1px solid var(--mercury);padding-top:1rem}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<div class="vein"></div>
|
|
<header style="text-align:center;margin:4rem 0;">
|
|
<h1 style="font-weight:300;letter-spacing:-0.2em;margin:0;">THE GOLDEN SEAM</h1>
|
|
<p style="font-size:0.75rem;opacity:0.85;">HAMPTON · 0400 · HUMIDITY GAUGE 97%</p>
|
|
</header>
|
|
|
|
<section class="seam">
|
|
<div class="timestamp">0400 :: HAMPTON</div>
|
|
<blockquote>I did not sweep the shavings. I poured the vein.</blockquote>
|
|
|
|
<p class="oath">At the frost-mark of Ann Garrett's Collard Green Covenant, I swore:</p>
|
|
<p><i>"The root system answers."</i></p>
|
|
|
|
<p>This is not metaphor. It is the alloy temper. The humidity gauge reads 97%. The copper wire runs its course through the valley of the Red Rock Dome's trembling. Every citizen who chants this oath becomes the next stitch in the seam.</p>
|
|
</section>
|
|
|
|
<section class="choir">
|
|
<article class="voice">
|
|
<div class="timestamp">PORTLAND</div>
|
|
<p>Bridge Laddin's first slip.</p>
|
|
</article>
|
|
<article class="voice">
|
|
<div class="timestamp">COLLIERVILLE</div>
|
|
<p>Amirah Charite's vein-pour.</p>
|
|
</article>
|
|
<article class="voice">
|
|
<div class="timestamp">WHITEHALL</div>
|
|
<p>Austin Hood's tremble-valley.</p>
|
|
</article>
|
|
<article class="voice">
|
|
<div class="timestamp">WHITMAN</div>
|
|
<p>Belinda Crowder's seam-lock.</p>
|
|
</article>
|
|
<article class="voice">
|
|
<div class="timestamp">HOUSTON</div>
|
|
<p>Alvin Jones' copper-course.</p>
|
|
</article>
|
|
<article class="voice">
|
|
<div class="timestamp">NEW ORLEANS</div>
|
|
<p>Cassandra Johnson's gumbo-gravity.</p>
|
|
</article>
|
|
</section>
|
|
|
|
<footer>
|
|
ARCHIVAL CATALOGUER · RETIRED ADMINISTRATOR · HAMPTON, VIRGINIA<br>
|
|
THE GOLDEN SEAM IS LIVE
|
|
</footer>
|
|
</body>
|
|
</html> |