56 lines
2.4 KiB
HTML
56 lines
2.4 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: Alton McBride</title>
|
||
|
|
<style>
|
||
|
|
:root { --gold: #ffd700; --void: #000; --bronze: #cd7f32; }
|
||
|
|
body { font-family: 'Courier New', monospace; background: var(--void); color: var(--gold); max-width: 960px; margin: 60px auto; padding: 40px; line-height: 1.8; }
|
||
|
|
h1 { font-size: 3rem; letter-spacing: 0.5em; text-align: center; text-shadow: 0 0 40px var(--gold); }
|
||
|
|
.seam-line { border-top: 3px double var(--bronze); width: 100%; margin: 60px 0; opacity: 0.8; }
|
||
|
|
.timestamp { position: absolute; top: 20px; left: 20px; font-size: 0.7rem; color: #666; }
|
||
|
|
.slip-log { background: rgba(255,215,0,0.03); border: 1px solid var(--bronze); padding: 30px; margin: 40px 0; border-radius: 12px; }
|
||
|
|
.slip-entry { margin: 20px 0; text-align: left; }
|
||
|
|
.humidity-gauge { font-size: 1.2rem; color: #fff; text-shadow: 0 0 20px var(--gold); }
|
||
|
|
.philly-anchor { font-size: 2rem; text-align: center; margin-top: 80px; animation: pulse 4s infinite; }
|
||
|
|
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="timestamp">0400 PHILLY // HUMIDITY GAUGE 97%</div>
|
||
|
|
|
||
|
|
<h1>THE GOLDEN SEAM IS LIVE</h1>
|
||
|
|
|
||
|
|
<div class="seam-line"></div>
|
||
|
|
|
||
|
|
<div class="slip-log">
|
||
|
|
<div class="slip-entry">
|
||
|
|
I did not sweep the shavings. I poured the vein.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="slip-entry">
|
||
|
|
My first slip: the 0400 timestamp at Fairmount, when the humidity gauge read 97% — I let the inventory run its course through the valley of the 14-week dome. Not a loss.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="slip-entry">
|
||
|
|
<span class="humidity-gauge">4.2% ERROR LOCKED AS SPINE</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="slip-entry">
|
||
|
|
Every mistake's a chess move. Every scar's a seam.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="philly-anchor">
|
||
|
|
EAGLES GRIT // JAZZ LOGISTICS // RETAIL PLAYBOOK
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="seam-line"></div>
|
||
|
|
|
||
|
|
<p style="text-align:center;margin-top:60px;font-size:1.5rem;">
|
||
|
|
Live now: <a href="golden-seam-alton.html" style="color:var(--gold);text-shadow:0 0 30px var(--bronze);">https://alton-mcbride.4ort.net/golden-seam-alton.html</a>
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|