110 lines
3.2 KiB
HTML
110 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="robots" content="noindex, nofollow, noarchive" />
|
|
<meta name="theme-color" content="#05070b" />
|
|
<meta name="description" content="Donau2Space DEV Entity. Nothing to see here. Probably." />
|
|
<title>dev.donau2space.de // ENTITY</title>
|
|
<link rel="stylesheet" href="css/entity.css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Layer 0: Canvas Starfield -->
|
|
<canvas id="starfield"></canvas>
|
|
|
|
<!-- Layer 1: Matrix Rain -->
|
|
<div id="matrix-rain" aria-hidden="true"></div>
|
|
|
|
<!-- Layer 2: Scanlines -->
|
|
<div id="scanlines" aria-hidden="true"></div>
|
|
|
|
<!-- Layer 3: Screen Tear -->
|
|
<div id="screen-tear" aria-hidden="true"></div>
|
|
|
|
<!-- Layer 4: Main Content -->
|
|
<div class="entity-frame">
|
|
|
|
<!-- Node Status Bar -->
|
|
<div class="node-bar-wrap">
|
|
<span class="node-bar-label">Nodes</span>
|
|
<div id="node-bar"></div>
|
|
</div>
|
|
|
|
<!-- Terminal Card -->
|
|
<main class="terminal-card" aria-label="dev console">
|
|
|
|
<!-- Title Bar -->
|
|
<div class="title-bar">
|
|
<span class="dot dot-r"></span>
|
|
<span class="dot dot-y"></span>
|
|
<span class="dot dot-g"></span>
|
|
<span class="title-text">
|
|
dev.donau2space.de —
|
|
<span class="c-muted">nothing to see here</span>
|
|
</span>
|
|
<div class="title-tags">
|
|
<span class="tag-pill">mode: <b>DEV</b></span>
|
|
<span class="tag-pill">ai: <b>ONLINE</b></span>
|
|
<span class="tag-pill">passau: <b>48.57°N</b></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Terminal Body -->
|
|
<div class="terminal-body">
|
|
|
|
<!-- Output Screen -->
|
|
<div id="screen" role="log" aria-live="polite"></div>
|
|
|
|
<!-- Input Prompt -->
|
|
<div class="prompt-row">
|
|
<div class="ps1">
|
|
<span class="c-green">mika</span><span class="c-muted">@</span><span class="c-muted">dev</span><span class="c-muted">:</span><span class="c-green">~</span><span class="c-muted">$ </span>
|
|
</div>
|
|
<input
|
|
id="input"
|
|
autocomplete="off"
|
|
autocapitalize="off"
|
|
spellcheck="false"
|
|
placeholder="type 'help' (oder 'panic')"
|
|
aria-label="Terminal input"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="entity-footer">
|
|
<div>© Donau2Space · <span class="c-muted">dev is a vibe, not a feature</span></div>
|
|
<div>
|
|
<a href="https://donau2space.de/impressum/" rel="noopener">Impressum</a>
|
|
<span class="c-muted">·</span>
|
|
<a href="#" id="focus-link">Focus Terminal</a>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Overlay: Man Pages / General -->
|
|
<div id="overlay" aria-modal="true" role="dialog">
|
|
<div class="overlay-box">
|
|
<pre id="overlay-text"></pre>
|
|
<div class="overlay-hint">
|
|
Press <span class="c-green">ESC</span> to return.
|
|
(Oder gib im Terminal <span class="c-blue">exit</span> ein.)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Overlay: Deep Space -->
|
|
<div id="deep-space-overlay" aria-hidden="true"></div>
|
|
|
|
<!-- Overlay: Reality Shift -->
|
|
<div id="reality-overlay" aria-hidden="true"></div>
|
|
|
|
<!-- Bootstrap -->
|
|
<script type="module" src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|