mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
Claude
a720b10913
Co-Authored-By: Claude Opus 5.5 <[email protected]> Claude-Session: https://claude.ai/code/session_01VVYRAqiQj9Y1V9ZfG1RcDH
107 lines
3.9 KiB
HTML
107 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content"
|
|
/>
|
|
<title>God's Eye</title>
|
|
<meta
|
|
name="description"
|
|
content="The window through which you see the world, and the eye through which the world sees itself."
|
|
/>
|
|
<meta name="theme-color" content="#050607" />
|
|
<meta name="color-scheme" content="dark" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta
|
|
name="apple-mobile-web-app-status-bar-style"
|
|
content="black-translucent"
|
|
/>
|
|
<meta name="apple-mobile-web-app-title" content="God's Eye" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<link rel="icon" href="/logo.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-180.png" />
|
|
<link rel="preconnect" href="https://server.arcgisonline.com" crossorigin />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap"
|
|
/>
|
|
<link rel="stylesheet" href="./styles/tokens.css" />
|
|
<link rel="stylesheet" href="./styles/shell.css" />
|
|
<link rel="stylesheet" href="./styles/feed.css" />
|
|
<link rel="stylesheet" href="./styles/sheet.css" />
|
|
<link rel="stylesheet" href="./styles/globe-ui.css" />
|
|
<link rel="stylesheet" href="./styles/capture.css" />
|
|
<link rel="stylesheet" href="./styles/threads.css" />
|
|
<link rel="stylesheet" href="./styles/cards.css" />
|
|
<link rel="stylesheet" href="./styles/room.css" />
|
|
<link rel="stylesheet" href="./styles/today.css" />
|
|
<link rel="stylesheet" href="./styles/timemachine.css" />
|
|
<link rel="stylesheet" href="./styles/moment.css" />
|
|
<link rel="stylesheet" href="./styles/dossier.css" />
|
|
<link rel="stylesheet" href="./styles/watch.css" />
|
|
<link rel="stylesheet" href="./styles/layout.css" />
|
|
<script type="module" src="./main.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app" class="app" data-tab="today" data-booting="true">
|
|
<!-- The one persistent globe. Everything else is glass over it. -->
|
|
<div id="stage" class="stage" aria-label="Globe">
|
|
<div id="globe" class="globe-host"></div>
|
|
<div id="globe-veil" class="globe-veil" aria-hidden="true"></div>
|
|
<div id="globe-chrome" class="globe-chrome"></div>
|
|
</div>
|
|
|
|
<main id="lead" class="lead">
|
|
<section
|
|
id="view-today"
|
|
class="view view--scroll"
|
|
data-view="today"
|
|
aria-label="Today"
|
|
></section>
|
|
<section
|
|
id="view-live"
|
|
class="view view--scroll"
|
|
data-view="live"
|
|
aria-label="Live layers"
|
|
></section>
|
|
<section
|
|
id="view-rooms"
|
|
class="view view--scroll"
|
|
data-view="rooms"
|
|
aria-label="Rooms"
|
|
hidden
|
|
></section>
|
|
<section
|
|
id="view-you"
|
|
class="view view--scroll"
|
|
data-view="you"
|
|
aria-label="You"
|
|
hidden
|
|
></section>
|
|
</main>
|
|
|
|
<section
|
|
id="view-capture"
|
|
class="capture"
|
|
data-view="capture"
|
|
aria-label="Capture"
|
|
hidden
|
|
></section>
|
|
|
|
<!-- Sheets that belong to the leading pane on a tablet (dossier, watch,
|
|
your sky); on a phone they cover the whole screen. -->
|
|
<div id="pane-sheets" class="sheets pane-sheets"></div>
|
|
<div id="sheets" class="sheets"></div>
|
|
<nav id="tabbar" class="tabbar" aria-label="Primary"></nav>
|
|
</div>
|
|
<noscript>
|
|
<p class="noscript">God's Eye needs JavaScript to draw the planet.</p>
|
|
</noscript>
|
|
</body>
|
|
</html>
|