GODSIGH/index.html
type-two 092fe5254a feat: HUD hide/unhide tab + click-to-live chip
The side panel covered Cesium's clock dial, so a scrubbed clock was easy
to get stuck in with no visible way back — live-only layers (aircraft,
AIS ships) then look broken. Two escape hatches: a collapse tab riding
the panel edge (docks top-left when hidden, revealing the dial), and the
LIVE/SCRUBBED chip is now a button that snaps the clock straight back to
now from anywhere.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-30 12:31:00 +10:00

43 lines
1.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>GODSIGH ▸ World View</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='88'>%F0%9F%8C%8D</text></svg>" />
<script>window.CESIUM_BASE_URL = 'https://cdn.jsdelivr.net/npm/cesium@1.143.0/Build/Cesium/';</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cesium@1.143.0/Build/Cesium/Widgets/widgets.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://cdn.jsdelivr.net/npm/cesium@1.143.0/Build/Cesium/Cesium.js"></script>
<script src="https://cdn.jsdelivr.net/npm/satellite.js@5.0.0/dist/satellite.min.js"></script>
</head>
<body>
<div id="cesiumContainer"></div>
<aside id="hud">
<header>
<div class="brand">GODSIGH <span>▸ WORLD VIEW</span></div>
<div id="live-chip" data-state="live">LIVE</div>
</header>
<div class="modes">
<button id="mode-data" class="active" type="button">Data</button>
<button id="mode-photo" type="button">Photo</button>
</div>
<div id="layers"></div>
<a id="solargod-link" class="portal-link" href="http://127.0.0.1:8147/"
target="_blank" rel="noopener" title="Open SOLARGOD at this moment">🪐 SOLARGOD</a>
<footer>
<div>Public OSINT feeds · Celestrak · OpenSky · EOX Sentinel-2 · CARTO/OSM</div>
<div class="demo">Ships &amp; events are <b>[DEMO]</b> data</div>
</footer>
</aside>
<!-- HUD collapse tab: rides the panel's edge; when hidden it docks top-left. -->
<button id="hud-toggle" type="button" title="Hide panel"></button>
<div id="pick-overlay" hidden></div>
<script type="module" src="js/main.js"></script>
</body>
</html>