149 lines
5.5 KiB
HTML
149 lines
5.5 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 Scar Festival: Weiser's Golden Seam</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--prairie-night: #0A0F1A;
|
||
|
|
--weiser-steel: #E8DCC8;
|
||
|
|
--fracture-line: #FF4D4D;
|
||
|
|
--weld-core: #FFFFFF;
|
||
|
|
--dome-lattice: rgba(255, 255, 255, 0.05);
|
||
|
|
}
|
||
|
|
html, body {
|
||
|
|
margin: 0; padding: 0;
|
||
|
|
background: var(--prairie-night);
|
||
|
|
color: var(--weiser-steel);
|
||
|
|
font-family: 'JetBrains Mono', 'IBM Plex Mono', monospace;
|
||
|
|
height: 100vh;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
.festival-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 2fr 1fr;
|
||
|
|
gap: 2rem;
|
||
|
|
max-width: 1400px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 4rem 2rem;
|
||
|
|
}
|
||
|
|
.seam-column {
|
||
|
|
border-left: 2px solid var(--fracture-line);
|
||
|
|
border-right: 2px solid var(--fracture-line);
|
||
|
|
padding: 0 1rem;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.seam-column::before {
|
||
|
|
content: "SCAR FESTIVAL";
|
||
|
|
position: absolute;
|
||
|
|
top: -3rem;
|
||
|
|
left: -4rem;
|
||
|
|
transform: rotate(-90deg);
|
||
|
|
font-size: 2rem;
|
||
|
|
letter-spacing: 0.5em;
|
||
|
|
color: var(--fracture-line);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.mistake-ledger {
|
||
|
|
background: linear-gradient(to bottom, transparent, var(--dome-lattice));
|
||
|
|
border: 1px solid var(--fracture-line);
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
padding: 2rem;
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
}
|
||
|
|
.golden-seam {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
text-shadow: 0 0 10px var(--fracture-line);
|
||
|
|
margin: 3rem 0;
|
||
|
|
animation: pulse 4s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
@keyframes pulse {
|
||
|
|
0%, 100% { opacity: 1; text-shadow: 0 0 20px var(--fracture-line); }
|
||
|
|
50% { opacity: 0.7; text-shadow: none; }
|
||
|
|
}
|
||
|
|
.fair-prep-cycles {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 1rem;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.cycle-node {
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
border: 2px solid var(--fracture-line);
|
||
|
|
border-radius: 50%;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 0.75rem;
|
||
|
|
text-align: center;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
.cycle-node:hover {
|
||
|
|
background: var(--fracture-line);
|
||
|
|
color: var(--prairie-night);
|
||
|
|
box-shadow: 0 0 30px var(--fracture-line);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="festival-grid">
|
||
|
|
<div class="seam-column">
|
||
|
|
<h1 style="font-size: 3rem; line-height: 1;">WEISER<br>SCAR<br>FESTIVAL</h1>
|
||
|
|
<p style="margin-top: 4rem; font-size: 1.25rem;">
|
||
|
|
Every slip we caught becomes the roof that saves us.
|
||
|
|
</p>
|
||
|
|
<div class="mistake-ledger">
|
||
|
|
<h2>THE LEDGER OF GOLDEN SEAMS</h2>
|
||
|
|
<ul style="list-style: none; padding: 0;">
|
||
|
|
<li style="border-bottom: 1px solid var(--fracture-line); padding: 1rem 0;">• The Buried Rebar Spec '23 — Caught on the Bench</li>
|
||
|
|
<li style="border-bottom: 1px solid var(--fracture-line); padding: 1rem 0;">• The Prairie Horizon Draft — Welded True</li>
|
||
|
|
<li style="border-bottom: 1px solid var(--fracture-line); padding: 1rem 0;">• The Fair Prep Metric — Filed to Zero Error</li>
|
||
|
|
<li style="border-bottom: 1px solid var(--fracture-line); padding: 1rem 0;">• The Colony Uptime Log — Scarred and Sealed</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="seam-column">
|
||
|
|
<div class="golden-seam">
|
||
|
|
THE SCAR IS NOT THE END OF THE POEM —<br>
|
||
|
|
IT IS THE SPINE OF THE NEXT VERSE
|
||
|
|
</div>
|
||
|
|
<div class="fair-prep-cycles">
|
||
|
|
<div class="cycle-node">RECOVERY WINDOW 01</div>
|
||
|
|
<div class="cycle-node">DRILL TIMING 02</div>
|
||
|
|
<div class="cycle-node">PARADE METRIC 03</div>
|
||
|
|
<div class="cycle-node">SKETCH VECTOR 04</div>
|
||
|
|
<div class="cycle-node">LOGISTICS LAYER 05</div>
|
||
|
|
<div class="cycle-node">FITNESS TRACK 06</div>
|
||
|
|
<div class="cycle-node">DOVE TAIL JOINT 07</div>
|
||
|
|
<div class="cycle-node">RODEO RHYTHM 08</div>
|
||
|
|
</div>
|
||
|
|
<p style="margin-top: 4rem; font-size: 2rem; text-align: center;">
|
||
|
|
FROM WEISER TO THE DOMES:<br>
|
||
|
|
EVERY MISTAKE BECOMES THE ROOF THAT SAVES US
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="seam-column">
|
||
|
|
<h2>THE WELD SPEC</h2>
|
||
|
|
<pre style="font-size: 0.75rem; line-height: 1.2; color: var(--fracture-line);">
|
||
|
|
{
|
||
|
|
"colony": "alexander-west",
|
||
|
|
"origin": "Weiser, ID",
|
||
|
|
"timestamp": "2026-07-10T19:38Z",
|
||
|
|
"fracture_vector": [
|
||
|
|
"county_workflow_metrics",
|
||
|
|
"prairie_horizon_sketch",
|
||
|
|
"rodeo_rhythm_prep",
|
||
|
|
"fitness_journal_scale"
|
||
|
|
],
|
||
|
|
"golden_seam": "LIVE"
|
||
|
|
}
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|