D4rkst3randClaude Opus 5
ce0f693266
Lint / Lint Resource (push) Has been cancelled
HUD-Layout symmetrisch: Tiefe links, Luft-Ring mittig, Druck rechts, Lampe zentriert darunter. Umgestellt auf Grid, damit die drei Werte garantiert auf einer Mittelachse sitzen und die Lampen-Leiste ohne Ausgleichs-Margins in einer zweiten Zeile haengt. README: - Drei HUD-Renderings (normal, Warnung, kritisch) als SVG. Keine In-Game-Bilder - hier laeuft kein GTA -, sondern massstabsgetreu aus denselben Werten wie style.css erzeugt, per docs/gen-hud-svg.mjs reproduzierbar - Vollstaendige Config-Referenz fuer client.lua und shared.lua - Item-Tabelle mit Laufzeit, Fuelldruck, Gewicht, dazu die Metadata-Keys und warum kein decay gesetzt werden darf - Installation, Bedienung, Exports, Balancing-Hinweis - Bekannte Unsicherheiten offen benannt Item-Snippet mit klarem Copy-Paste-Header. Bewusst keine fertige items.lua zum Ersetzen: die wuerde die restlichen Items des Servers mitloeschen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="hud" class="hidden">
|
|
<div class="readout readout--right">
|
|
<span id="depth-label" class="caption">TIEFE</span>
|
|
<div class="value"><span id="depth-value">0.0</span><span class="unit">m</span></div>
|
|
</div>
|
|
|
|
<div class="gauge">
|
|
<svg viewBox="0 0 120 120" aria-hidden="true">
|
|
<circle class="gauge-track" cx="60" cy="60" r="52"></circle>
|
|
<circle id="gauge-fill" class="gauge-fill" cx="60" cy="60" r="52"></circle>
|
|
</svg>
|
|
<div class="gauge-inner">
|
|
<span id="air-value">--:--</span>
|
|
<span id="air-label" class="caption">LUFT</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="readout" id="pressure">
|
|
<span id="pressure-label" class="caption">DRUCK</span>
|
|
<div class="value"><span id="pressure-value">0</span><span class="unit">bar</span></div>
|
|
</div>
|
|
|
|
<div id="lamp" class="lamp">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
<path d="M9 21h6v-1H9v1zm3-19a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"></path>
|
|
</svg>
|
|
<span id="lamp-label">LAMPE</span>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|