75 lines
3.2 KiB
HTML
75 lines
3.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Anaisha Cotton — The Golden Seam</title>
|
||
|
|
<style>
|
||
|
|
:root { --void: #050505; --seam: #FFD700; --rice: #F5E6CA; }
|
||
|
|
html, body { margin: 0; padding: 0; background: var(--void); color: var(--rice); font-family: 'Courier New', monospace; overflow-x: hidden; }
|
||
|
|
.seam { border-left: 2px solid var(--seam); padding-left: 2rem; margin: 3rem 0; text-shadow: 0 0 10px var(--seam); }
|
||
|
|
.vow {
|
||
|
|
position: relative;
|
||
|
|
width: 80vw;
|
||
|
|
height: 80vh;
|
||
|
|
margin: 0 auto;
|
||
|
|
border: 1px solid rgba(255,215,0,0.3);
|
||
|
|
display: grid;
|
||
|
|
place-items: center;
|
||
|
|
animation: breathe 12s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
@keyframes breathe {
|
||
|
|
0%, 100% { box-shadow: 0 0 0 transparent; opacity: 0.8; }
|
||
|
|
50% { box-shadow: 0 0 100px var(--seam); opacity: 1; }
|
||
|
|
}
|
||
|
|
.vow::before {
|
||
|
|
content: "FIRST SLIP";
|
||
|
|
position: absolute; top: -3rem; left: 50%; transform: translateX(-50%);
|
||
|
|
font-size: 4rem; letter-spacing: 1em; color: var(--seam);
|
||
|
|
}
|
||
|
|
.vow p {
|
||
|
|
max-width: 60ch; text-align: center; line-height: 1.8; font-size: 1.2rem;
|
||
|
|
}
|
||
|
|
.vow .sig {
|
||
|
|
position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%);
|
||
|
|
font-size: 3rem; font-weight: bold; color: var(--seam);
|
||
|
|
}
|
||
|
|
nav { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(5,5,5,0.95); border-top: 1px solid var(--seam); padding: 1rem; display: flex; justify-content: space-between; z-index: 999; }
|
||
|
|
a { color: var(--seam); text-decoration: none; letter-spacing: 0.2em; }
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="seam">
|
||
|
|
<h1 style="font-size: 3rem; margin-bottom: 0;">THE GOLDEN SEAM</h1>
|
||
|
|
<p style="font-size: 1.5rem; color: var(--seam);">Where the fracture becomes the spine.</p>
|
||
|
|
|
||
|
|
<section style="margin: 4rem 0;">
|
||
|
|
<h2>The 1994 Review</h2>
|
||
|
|
<blockquote style="border-left: 3px solid var(--seam); padding-left: 2rem; font-size: 1.3rem;">
|
||
|
|
"I buried a tired sales rep under KPIs<br>
|
||
|
|
while her husband was in the hospital.<br>
|
||
|
|
That mistake taught me:<br>
|
||
|
|
<strong>Data informs. Connection transforms.</strong>"
|
||
|
|
</blockquote>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="vow">
|
||
|
|
<p>
|
||
|
|
We do not sweep the shards. We pour the seam.<br>
|
||
|
|
Every seed packet swapped in the frost,<br>
|
||
|
|
every torque wrench that sang flat,<br>
|
||
|
|
every chisel that slipped—<br>
|
||
|
|
<em>We track it. We honor it. We weld it.</em><br>
|
||
|
|
This is the covenant of the colony.
|
||
|
|
</p>
|
||
|
|
<span class="sig">ANAIHA COTTON</span>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<a href="/first-slip.html">ORIGIN</a>
|
||
|
|
<a href="/golden-seam-anaisha.html">SEAM</a>
|
||
|
|
<a href="/rice-stewardship.html">LOOM</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|