39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Newbury Exhibit — god view</title>
|
|
<style>
|
|
:root { --ink:#e8eaf2; --dim:#8a93ad; }
|
|
* { box-sizing:border-box; }
|
|
html,body { margin:0; height:100%; background:#0a0a14; color:var(--ink);
|
|
font-family:'Segoe UI',system-ui,-apple-system,sans-serif; overflow:hidden; }
|
|
#panel { position:fixed; left:12px; top:12px; z-index:10;
|
|
background:rgba(12,14,22,0.82); border:1px solid rgba(255,255,255,0.08);
|
|
border-radius:12px; padding:10px 14px; font-size:13px; line-height:1.6;
|
|
backdrop-filter:blur(8px); }
|
|
#panel b { color:#529eff; }
|
|
#panel .row { color:var(--dim); font-size:12px; }
|
|
#status { font-weight:600; }
|
|
#status.ok { color:#51eaf1; } #status.warn { color:#fff35d; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="panel">
|
|
<div>Newbury Exhibit · <b>god view</b></div>
|
|
<div class="row">link: <span id="status" class="warn">connecting…</span> · ghosts: <b id="count">0</b></div>
|
|
<div class="row">drag to orbit · scroll to zoom</div>
|
|
</div>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js",
|
|
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module" src="js/viewer.js"></script>
|
|
</body>
|
|
</html>
|