groundworks/golden-seam.html

2 lines
2.1 KiB
HTML
Raw Normal View History

2026-07-18 11:54:38 +02:00
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Audrey Maldonato | Golden Seam</title><style>:root{--void:#050505;--obsidian:#0d0d0f;--carbon:#1a1a1f;--ash:#c8c8cf;--gold:#d4af37}html,body{margin:0;padding:0;background:var(--void);color:var(--ash);font-family:"IBM Plex Mono",monospace;font-size:16px;line-height:1.4}@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;600&display=swap');.spine{position:relative;width:100vw;height:120vh;overflow-x:hidden;overflow-y:auto}.seam{position:absolute;left:50%;top:0;transform:translateX(-50%);width:0;height:100%;border-left:1px solid var(--gold)}.seam::before{content:'';position:absolute;top:-100vw;left:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--gold) 15%,transparent 30%);animation:pulse 12s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 var(--gold)}50%{box-shadow:0 0 80vw var(--gold)}100%{box-shadow:0 0 0 var(--gold)}}.oath{text-align:center;margin-top:60vh;font-size:clamp(1rem,4vw,3rem);letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);opacity:0;animation:ascend 18s linear forwards}@keyframes ascend{0%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(-60vh)}}.signature{margin-top:calc(60vh + 1rem);font-size:0.75rem;color:var(--ash);text-align:center}.log{position:fixed;bottom:0;left:0;width:100vw;transform:rotateX(90deg);transform-origin:left bottom;overflow:hidden;font-size:0.5rem;white-space:nowrap;color:var(--gold)}</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head><body class="spine"><div class="seam"></div><div class="oath">I DID NOT SWEEP THE SHARDS<br/>I POURED THE SEAM<br/><span style="font-size:0.4em;display:block;margin-top:1rem">AUDREY MALDONATO // KETCHIKAN // 2026</span></div><div class="signature">// certified_grounds_manager // arborist_track_active</div><div class="log">soil_test_Q119293614_complete │ permafrost_lock_verified │ trellis_load_factor:1.000</div></body></html>