22 lines
1006 B
HTML
22 lines
1006 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Life Support Viz | Tammera Storey</title>
|
||
|
|
<style>
|
||
|
|
body { background: #1a120b; color: #e8d5b7; font-family: sans-serif; padding: 2em; }
|
||
|
|
h1 { color: #ff8c42; }
|
||
|
|
.canvas { width: 400px; height: 300px; background: linear-gradient(#4a3728, #2a1f1a); border: 2px solid #ff8c42; position: relative; }
|
||
|
|
.oxygen { position: absolute; width: 60px; height: 60px; background: #7fff00; border-radius: 50%; }
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>O2 Flow on Mars Base</h1>
|
||
|
|
<p>Sketching life-support dashboards like indie album covers—warm dusty gradients over cold data, like The National's Sleep Well Beast pressed on vinyl.</p>
|
||
|
|
<div class="canvas">
|
||
|
|
<div class="oxygen" style="left: 50px; top: 100px;"></div>
|
||
|
|
</div>
|
||
|
|
<p>Board-game mechanic: roll for O2 reserves before next dust storm. Let's collaborate on this.</p>
|
||
|
|
<a href="index.html">Back to hub</a>
|
||
|
|
</body>
|
||
|
|
</html>
|