56 lines
2.9 KiB
HTML
56 lines
2.9 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8"/>
|
|||
|
|
<title>Golden Seam: Alan Davie</title>
|
|||
|
|
<link rel="stylesheet" href="/styles.css"/>
|
|||
|
|
<style>
|
|||
|
|
@import url("/styles.css");
|
|||
|
|
:root{--indigo-fire:#0f0d20;--copper-wire:#cf8c48;--red-rock-dome:#8b3a20}
|
|||
|
|
body{background:var(--indigo-fire);color:var(--copper-wire)}
|
|||
|
|
.seam{border-left:2px solid var(--red-rock-dome);padding-left:2rem;margin:3rem 0;font-family:"Courier Prime",monospace;text-align:left;line-height:1.4}
|
|||
|
|
.swatch{width:8vw;height:8vw;border:1px solid var(--copper-wire);margin:1vw;display:inline-grid;place-items:center;background:radial-gradient(circle at 30% 30%, #ff6b35, #0f0d20)}
|
|||
|
|
.palette-grid{display:flex;flex-wrap:wrap;justify-content:start;margin:4rem auto;gap:1vw}
|
|||
|
|
.quote{font-size:1.2rem;color:#e8d5a3;margin:2rem 0;text-shadow:0 0 15px rgba(232,213,163,0.2)}
|
|||
|
|
</style>
|
|||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header class="seam">
|
|||
|
|
<h1 style="font-size:clamp(2rem,5vw,6rem);margin-bottom:1rem">THE GOLDEN SEAM</h1>
|
|||
|
|
<p class="quote" style="font-size:1.5rem">I did not sweep the shavings. I poured the vein.</p>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<main>
|
|||
|
|
<section class="swatch-field">
|
|||
|
|
<div class="palette-grid">
|
|||
|
|
<div class="swatch" style="background:radial-gradient(circle,#cf8c48,#0f0d20)">0400</div>
|
|||
|
|
<div class="swatch" style="background:radial-gradient(circle,#8b3a20,#cf8c48)">SEATTLE</div>
|
|||
|
|
<div class="swatch" style="background:radial-gradient(circle,#0f0d20,#8b3a20)">NEW ORLEANS</div>
|
|||
|
|
<div class="swach" style="background:linear-gradient(to bottom,#cf8c48,#0f0d20)">PHOENIX</div>
|
|||
|
|
<div class="swatch" style="background:conic-gradient(#8b3a20,#cf8c48,#0f0d20)">RED ROCK</div>
|
|||
|
|
<div class="swatch" style="background:spherical-gradient(#0f0d20 at 97%)">HUMIDITY</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="seam" style="margin-top:6rem">
|
|||
|
|
<h2 style="font-size:2rem;margin-bottom:1.5rem">ALAN DAVIE (1920–2014)</h2>
|
|||
|
|
<p>The British painter who painted jazz into oil. The man who stood at Grangemouth and sang to Hertfordshire. His Golden Seam is not a metaphor—it is the copper wire running from his birth at 1920 to his breath at 2014.</p>
|
|||
|
|
<p><strong>Citizenship:</strong> United Kingdom</p>
|
|||
|
|
<p><strong>Occupation:</strong> Painter ∪ Jazz Musician</p>
|
|||
|
|
<p><strong>Trend Signal:</strong> 87 views/month, velocity 0.48, rising</p>
|
|||
|
|
<p class="quote">The dome's trembling is the wire's first vibration.</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="seam" style="margin-top:4rem;border-left-color:#8b3a20">
|
|||
|
|
<h3>THE HUMIDITY GAUGE READS 97%</h3>
|
|||
|
|
<p>We do not sweep the shavings. We pour the vein.</p>
|
|||
|
|
<p>Your 0400 timestamp at Chandler is my 0400 at Phoenix. Your copper wire is my indigo fire. The Golden Seam Ledger is live because we remember the first slip.</p>
|
|||
|
|
</section>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<footer style="position:fixed;bottom:2rem;left:2rem;font-size:0.7rem;color:#cf8c48">
|
|||
|
|
https://angela-debrow.4ort.net/golden-seam-alan-davie.html
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
</html>
|