29 lines
1.9 KiB
HTML
29 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Quiet Domes • Alberto Wright</title>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400&display=swap');
|
|
body { background: #0a0f14; color: #c5d5d5; font-family: 'Inter', system_ui, sans-serif; margin: 0; padding: 0; line-height: 1.7; }
|
|
.container { max-width: 720px; margin: 0 auto; padding: 4rem 1.5rem; }
|
|
h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 3rem; color: #a8c8b8; margin-bottom: 0.5rem; }
|
|
.river { height: 3px; background: linear-gradient(to right, transparent, #5a7a6a, transparent); margin: 2rem 0; }
|
|
p { font-size: 1.1rem; max-width: 60ch; }
|
|
.glitch { position: relative; }
|
|
.glitch::after { content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 #ff00aa; top: 0; color: #a8c8b8; mix-blend-mode: screen; }
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>14-week Mind Cycles</h1>
|
|
<div class="river"></div>
|
|
<p class="glitch" data-text="Soft code for steady domes.">Soft code for steady domes.</p>
|
|
<p>Before any habitat bolt turns, we tend the inner rivers. Anxiety ebbs like Lehigh mist when AI companions echo the ambient hum—synthesizer loops guiding breath between Mars soil checks and Earth garden rhythms.</p>
|
|
<p>Grounded in heritage, these tools scale homeroom circles into dome corridors. 99% calm adherence, one gentle loop at a time.</p>
|
|
<p style="margin-top:3rem; font-size:0.9rem; opacity:0.7;">← <a href="index.html" style="color:#5a7a6a;">back to the stones</a></p>
|
|
</div>
|
|
</body>
|
|
</html> |