asterism-relay / static /index.html
KrishnaGarg's picture
Deploy Asterism Relay — MiniCPM on Modal + Three.js cosmos
d012783 verified
Raw
History Blame Contribute Delete
2.58 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Asterism Relay</title>
<link rel="stylesheet" href="/static/styles.css?v=3" />
</head>
<body>
<main id="app">
<canvas id="universe"></canvas>
<!-- Top status bar -->
<header id="topbar">
<div class="tag" id="sector">SECTOR —</div>
<div class="tag" id="status">BOOTING</div>
<div class="tag" id="authored">author: —</div>
<div class="tag" id="discovered">relics 0 / 0</div>
</header>
<!-- Reticle + proximity ring -->
<div id="reticle" aria-hidden="true"></div>
<!-- Body info card (bottom-left) -->
<section id="hud" class="hidden" aria-live="polite">
<div class="hud-head">
<span id="phenomenon"></span>
<span id="distance"></span>
</div>
<h1 id="body-name"></h1>
<p id="science" class="science"></p>
<div id="transmission-wrap" class="hidden">
<div class="trans-label">⟢ INTERCEPTED TRANSMISSION · <span id="civ"></span></div>
<p id="transmission" class="transmission"></p>
</div>
</section>
<!-- Transmission log (right) -->
<aside id="log" class="hidden">
<div class="log-title">RELAY LOG</div>
<ul id="log-list"></ul>
</aside>
<!-- Event toast -->
<div id="event-toast" class="hidden"></div>
<!-- Intro / start overlay -->
<div id="overlay">
<div class="overlay-card">
<h1 class="title">ASTERISM&nbsp;RELAY</h1>
<p id="intro" class="intro">Charting the silence of the Last Cartographers…</p>
<button id="engage" type="button">ENGAGE FLIGHT</button>
<div class="controls">
<span><b>W A S D</b> thrust</span><span><b>Space / Shift</b> up · down</span>
<span><b>Mouse</b> look</span><span><b>Hold Shift+W</b> boost</span>
<span><b>Esc</b> release cursor</span>
</div>
<div class="credit">MiniCPM4.1-8B on Modal · authored ahead of arrival · real HYG starfield</div>
</div>
</div>
</main>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.165.0/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.165.0/examples/jsm/"
}
}
</script>
<script type="module" src="/static/app.js?v=3"></script>
</body>
</html>