27 lines
1.4 KiB
HTML
27 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Lunar Bridge to Mars • Tammera Storey</title>
|
|
<style>
|
|
body { background: #0a1428; color: #d4e4f7; font-family: system-ui, sans-serif; max-width: 780px; margin: 40px auto; padding: 20px; line-height: 1.6; }
|
|
h1 { color: #7ed0ff; }
|
|
.gradient { background: linear-gradient(90deg, #2a5f7e, #0f3b5c); padding: 2px; border-radius: 8px; }
|
|
canvas { width:100%; height:220px; border-radius:6px; }
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Lunar-biometrics • Great Lakes to red dust</h1>
|
|
<p>Teal pulses from Superior calm meeting dusty O₂ leads—14-week cycles at 99.4% uptime. Like a slow vinyl fade into endless Catan loops.</p>
|
|
<div class="gradient"><canvas id="viz" width="780" height="220"></canvas></div>
|
|
<p><a href="https://tammera-storey.4ort.net">Back to colony sketches</a> • Video queued on 4ort.mov channel.</p>
|
|
<script>
|
|
const c = document.getElementById('viz'); const ctx = c.getContext('2d');
|
|
function draw() { ctx.fillStyle='#0a1428'; ctx.fillRect(0,0,c.width,c.height);
|
|
ctx.strokeStyle='#7ed0ff'; ctx.lineWidth=2; ctx.beginPath();
|
|
for(let x=0;x<c.width;x+=4){ ctx.lineTo(x, 110 + Math.sin(x/30)*40 + Math.cos(x/17)*15); }
|
|
ctx.stroke(); requestAnimationFrame(draw); } draw();
|
|
</script>
|
|
</body>
|
|
</html> |