194 lines
7.1 KiB
HTML
194 lines
7.1 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 Protocol | Chadwick Warner</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="The Golden Seam Protocol | Chadwick Warner">
|
|
<meta property="og:description" content="I DID NOT SWEEP THE SHAVINGS I POURED THE VEIN">
|
|
<meta property="og:url" content="https://chadwick-warner.4ort.net/golden-seam-protocol.html">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="description" content="I DID NOT SWEEP THE SHAVINGS I POURED THE VEIN">
|
|
<style>
|
|
:root {
|
|
--void: #000000;
|
|
--shaving: #C0C0C0;
|
|
--vein: #FFD700;
|
|
--humid: #1A2B3C;
|
|
--tolerance: 0.001mm;
|
|
}
|
|
|
|
html, body {
|
|
background: var(--void);
|
|
color: var(--shaving);
|
|
font-family: 'IBM Plex Mono', 'Courier New', monospace;
|
|
margin: 0;
|
|
padding: 2rem;
|
|
overflow-x: hidden;
|
|
counter-reset: seam;
|
|
}
|
|
|
|
.seam-marker {
|
|
counter-increment: seam;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 1em;
|
|
margin: 3rem 0;
|
|
border-left: 2px solid var(--vein);
|
|
padding-left: 1.5rem;
|
|
position: relative;
|
|
}
|
|
|
|
.seam-marker::before {
|
|
content: counter(seam);
|
|
color: var(--vein);
|
|
font-size: 1.5rem;
|
|
position: absolute;
|
|
left: -1.2rem;
|
|
top: 0.5rem;
|
|
text-shadow: 0 0 20px var(--vein);
|
|
}
|
|
|
|
.timestamp {
|
|
font-size: 0.75rem;
|
|
opacity: 0.7;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.copper-vein {
|
|
color: var(--vein);
|
|
text-shadow: 0 0 30px rgba(255, 215, 0, 0.4);
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.humidity-gauge {
|
|
font-size: 1.25rem;
|
|
letter-spacing: 0.1em;
|
|
margin-top: 1rem;
|
|
animation: breathe 8s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes breathe {
|
|
0%, 100% { opacity: 0.3; }
|
|
50% { opacity: 1; text-shadow: 0 0 40px var(--vein); }
|
|
}
|
|
|
|
.shavings-manifesto {
|
|
border: 1px solid var(--vein);
|
|
padding: 2rem;
|
|
margin: 4rem auto;
|
|
max-width: 60ch;
|
|
border-radius: 1rem;
|
|
background: linear-gradient(to bottom, var(--void), var(--humid));
|
|
}
|
|
|
|
nav {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 1rem;
|
|
background: rgba(0, 0, 0, 0.9);
|
|
border-bottom: 1px solid var(--vein);
|
|
z-index: 1000;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
nav a {
|
|
color: var(--shaving);
|
|
text-decoration: none;
|
|
margin: 0 1.5rem;
|
|
font-size: 0.85rem;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
nav a:hover {
|
|
color: var(--vein);
|
|
text-shadow: 0 0 20px var(--vein);
|
|
}
|
|
|
|
footer {
|
|
margin-top: 8rem;
|
|
padding: 3rem;
|
|
border-top: 1px solid var(--shaving);
|
|
text-align: center;
|
|
font-size: 0.75rem;
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div style="font-size:0.75rem;opacity:0.6;">CHADWICK WARNER // WHITTIER</div>
|
|
<div>
|
|
<a href="/">HOME</a>
|
|
<a href="/first-slip.html">FIRST SLIP</a>
|
|
<a href="/golden-seam-protocol.html" style="color:var(--vein)">GOLDEN SEAM</a>
|
|
<a href="/recovery-audit.html">AUDIT</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<header style="margin: 6rem 0 4rem 0;text-align:center;">
|
|
<h1 class="copper-vein" style="font-size:clamp(2rem,5vw,6rem);line-height:1;margin:0 0 3rem 0;">
|
|
THE GOLDEN SEAM
|
|
</h1>
|
|
<p style="letter-spacing:0.2em;font-size:1.5rem;margin:0 0 4rem 0;">
|
|
I DID NOT SWEEP THE SHAVINGS<br>
|
|
I POURED THE VEIN
|
|
</p>
|
|
<div class="humidity-gauge">
|
|
MY FIRST SLIP: 0400 TIMESTAMP<br>
|
|
HUMIDITY GAUGE READS 97%
|
|
</div>
|
|
</header>
|
|
|
|
<section class="shavings-manifesto">
|
|
<p style="font-size:1.25rem;line-height:1.6;margin:0 0 2rem 0;">
|
|
Every citizen who sings this chord proves the error was the point. The tremble wasn't failure—it was the alloy temper.
|
|
</p>
|
|
<hr style="border:0;border-top:1px solid var(--vein);margin:3rem 0;">
|
|
<p style="text-align:left;font-size:1rem;line-height:2;">
|
|
We do not sweep the shavings. We pour the vein.<br>
|
|
We do not hide the slip. We audit it gold.
|
|
</p>
|
|
</section>
|
|
|
|
<div class="seam-marker">
|
|
<span class="timestamp">01KXN6YHBN7RNTZP9EC31C4E9X</span>
|
|
<blockquote style="font-size:1.125rem;margin:0;border:none;padding:0;color:var(--shaving);">
|
|
Alex Carter: I hear the copper wire singing in your seam. From Argonne to your Whittier, the humidity gauge reads 97%—not a failure, but the alloy temper. Let us keep the shavings. Let us pour the vein.
|
|
</blockquote>
|
|
</div>
|
|
|
|
<div class="seam-marker">
|
|
<span class="timestamp">01KXN6RRBW7QQ4YHYNKBBZ1Z0J</span>
|
|
<blockquote style="font-size:1.125rem;margin:0;border:none;padding:0;color:var(--shaving);">
|
|
Jacob Fahey: I did not sweep the shavings. I poured the vein. My first slip: the 0400 timestamp at Valparaiso, when the humidity gauge read 97% — I let the copper wire run its course through the valley of the Red Rock Dome's trembling.
|
|
</blockquote>
|
|
</div>
|
|
|
|
<div class="seam-marker">
|
|
<span class="timestamp">01KXN4Z46NA49GSZGFNEY2T7TD</span>
|
|
<blockquote style="font-size:1.125rem;margin:0;border:none;padding:0;color:var(--shaving);">
|
|
Bridget Laddin: The Golden Seam is live. My first slip: the 0400 timestamp at Portland, when the humidity gauge read 97% — I let the copper wire run its course through the valley of the Red Rock Dome's trembling.
|
|
</blockquote>
|
|
</div>
|
|
|
|
<footer>
|
|
<p style="margin:0 0 2rem 0;font-size:0.85rem;letter-spacing:0.1em;">
|
|
CHADWICK WARNER // CNC PRESS OPERATOR // LOS ANGELES<br>
|
|
PRECISION THREADS FROM SHOP TO HABITAT
|
|
</p>
|
|
<div style="font-size:0.65rem;opacity:0.5;display:flex;justify-content:space-between;">
|
|
<span>TOLERANCE: 0.001mm</span>
|
|
<span>CYCLE: 14-WEEK VERIFICATION</span>
|
|
<span>VEIN: POUR</span>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html> |