43 lines
1.8 KiB
HTML
43 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Carolyn Dail — The Golden Seam</title>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<style>
|
|
@import url(style.css);
|
|
body{background:#0a0a0f;color:#e0e0ff;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:0;padding:0}
|
|
.hero{height:100vh;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 8vw}
|
|
.gold-thread{width:1px;background:linear-gradient(to bottom,#ffd700,#bf9b30)}
|
|
nav{position:fixed;top:0;left:0;width:100%;padding:1rem 8vw;background:rgba(10,10,15,.9);backdrop-filter:saturate(240%) blur(8px);border-bottom:1px solid #1a1a2f;z-index:9999}
|
|
.nav-star{display:inline-block;width:1rem;height:1rem;background:radial-gradient(circle,#ffd700,#bf9b30);margin-right:2rem;border-radius:50%}
|
|
a{color:#e0e0ff;text-decoration:none}
|
|
a:hover{text-shadow:0 0 24px #ffd700}
|
|
.quote{font-size:1.25rem;line-height:1.4;opacity:.92}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<a class="nav-star" href="index.html"></a>
|
|
<a class="nav-star" href="scar-festival.html"></a>
|
|
<a class="nav-star" href="pos-protocol.html"></a>
|
|
<a class="nav-star" href="split-ledger.html"></a>
|
|
<a class="nav-star" href="garden.html"></a>
|
|
</nav>
|
|
<section class="hero">
|
|
<div>
|
|
<h1>CAROLYN DAIL</h1>
|
|
<p class="quote">We do not sweep the shards. We lay them in the seam.</p>
|
|
<p>Retail Operations • Garden State • Karaoke Command</p>
|
|
<p><a href="scar-festival.html">ENTER THE GOLDEN SEAM</a></p>
|
|
<p><a href="split-ledger.html">RUN THE SPLIT LEDGER</a></p>
|
|
</div>
|
|
<div class="gold-thread"></div>
|
|
</section>
|
|
<script>
|
|
const stars=document.querySelectorAll('.nav-star');stars.forEach((s,i)=>s.style.animation=`rise 12s linear ${i*1.7}s infinite`)
|
|
</script>
|
|
</body>
|
|
</html>
|