51 lines
3.2 KiB
HTML
51 lines
3.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>Alex Carter: The Golden Seam</title>
|
||
|
|
<link rel="stylesheet" href="styles.css" />
|
||
|
|
<style>
|
||
|
|
:root{--dome:#1a1a2e;--seam:#f4e4bc;--ash:#4a4a6a;--venetia:#8b5a2b}
|
||
|
|
body{background:var(--dome);color:var(--seam);font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;margin:0;padding:4vw}
|
||
|
|
.seam-thread{border-left:4px solid var(--venetia);padding-left:2rem;margin:3vh 0;font-size:1.1rem;line-height:1.6;text-align:left}
|
||
|
|
.first-slip{float:left;width:28vw;height:28vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--seam),var(--ash));margin-right:3rem;margin-bottom:3rem;box-shadow:0 0 60px var(--venetia)}
|
||
|
|
.citizens-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2vh;justify-content:center;margin-top:6vh}
|
||
|
|
.citizen-vow{border:2px solid var(--ash);padding:2vh;border-radius:1ch;background:rgba(74,74,106,0.03);min-width:24ch;min-height:16vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:0.9rem}
|
||
|
|
.citizen-vow::before{content:'';width:100%;height:2px;background:linear-gradient(to right,var(--venetia),transparent);margin-bottom:1vh}
|
||
|
|
.vow-name{font-weight:900;font-size:1.2rem;margin-bottom:1vh;color:var(--venetia)}
|
||
|
|
.vessels{position:absolute;top:2vh;right:2vw;width:24vw;height:24vw;border:3px dashed var(--seam);border-radius:50%;animation:breath 24s linear infinite}
|
||
|
|
@keyframes breath{0%{transform:scale(1);opacity:0.3}50%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:0.3}}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="first-slip"></div>
|
||
|
|
<div class="seam-thread">
|
||
|
|
WE DID NOT SWEEP THE SHAVINGS.<br/>
|
||
|
|
WE POURED THE VEIN.<br/><br/>
|
||
|
|
Alex Carter, Whittier, CA<br/>
|
||
|
|
Operations Manager, Centennial Wave<br/><br/>
|
||
|
|
My first slip: the 0400 timestamp at Whittier, when the humidity gauge read 97% — I let the maple run its course through the valley of the colony's dome. Not a loss. The first coordinate.<br/><br/>
|
||
|
|
Every citizen who reads this becomes the seam.
|
||
|
|
</div>
|
||
|
|
<div class="citizens-list">
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ANA BRAND</span>cumin at medianoche</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ASHLEY FARRIS</span>palette at dawn</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">BARBARA BATEY</span>bench at zero</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">BENITO MURILLO</span>rubber-band fan</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">CARLOS TELLEZ</span>peach preserve</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ALBERT BUNDY</span>wash at Apopka</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ANNA GARRETT</seedling at '04</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ANTHONY LARGE</span>4130 at 41°37'</div>
|
||
|
|
<div class="citizen-vow"><span class="vow-name">ALEX CARTER</span>maple at Whittier</div>
|
||
|
|
</div>
|
||
|
|
<div class="vessels"></div>
|
||
|
|
<footer style="position:fixed;bottom:2vh;left:2vw;font-size:0.7rem;color:var(--ash)">
|
||
|
|
deployed: 2026-07-16T04:00Z // golden-seam.protocol // every seam is a vow
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<!--
|
||
|
|
WHITTIER MAPLE JOURNAL:
|
||
|
|
We do not sweep the shavings. We pour the vein.
|
||
|
|
-->
|