Initial commit
This commit is contained in:
100
site.php
Normal file
100
site.php
Normal file
@@ -0,0 +1,100 @@
|
||||
<?php
|
||||
// erwartet: $section, $sub, $planet
|
||||
?>
|
||||
<h1 class="hud-title"><?= htmlspecialchars($section) ?> / <?= htmlspecialchars($sub) ?></h1>
|
||||
<p class="muted">Demo-Seite: Hier renderst du später die echten Inhalte pro Bereich.</p>
|
||||
|
||||
<?php if ($section === 'overview'): ?>
|
||||
<div class="grid-2" style="margin-top:14px;">
|
||||
<section class="card inner panel">
|
||||
<h2 class="h2">Event Timeline</h2>
|
||||
<div class="timeline">
|
||||
<div class="tl-item"><span class="tl-dot tl-cyan"></span> Bau fertig in <strong>00:12:31</strong></div>
|
||||
<div class="tl-item"><span class="tl-dot tl-pink"></span> Forschung fertig in <strong>01:02:10</strong></div>
|
||||
<div class="tl-item"><span class="tl-dot tl-green"></span> Flotte ankommend in <strong>00:07:55</strong></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card inner panel">
|
||||
<h2 class="h2">Queues</h2>
|
||||
<div class="queue">
|
||||
<div class="q-card">
|
||||
<div class="q-head"><span class="tag info">BUILD</span><span>Metallmine Stufe 12</span></div>
|
||||
<div class="q-bar"><span style="width:38%"></span></div>
|
||||
<div class="q-meta"><span>ETA 00:12:31</span><button class="btn btn-mini" type="button" onclick="toast('info','Queue','Abbrechen (Demo)')">Abbrechen</button></div>
|
||||
</div>
|
||||
<div class="q-card">
|
||||
<div class="q-head"><span class="tag info">RESEARCH</span><span>Antriebstechnik Stufe 5</span></div>
|
||||
<div class="q-bar"><span style="width:66%"></span></div>
|
||||
<div class="q-meta"><span>ETA 01:02:10</span><button class="btn btn-mini" type="button" onclick="toast('info','Queue','Priorisieren (Demo)')">Priorisieren</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<?php elseif ($section === 'settings' && $sub === 'performance'): ?>
|
||||
<div class="card inner panel" style="margin-top:14px;">
|
||||
<h2 class="h2">Performance Profile</h2>
|
||||
<p class="muted">Speicherung ohne Cookies: sessionStorage (temporär) oder localStorage (merken).</p>
|
||||
|
||||
<div class="settings-row">
|
||||
<div class="settings-block">
|
||||
<div class="label">Profil</div>
|
||||
<div class="seg">
|
||||
<button type="button" class="seg-btn" data-perf="auto">Auto</button>
|
||||
<button type="button" class="seg-btn" data-perf="low">Low</button>
|
||||
<button type="button" class="seg-btn" data-perf="medium">Medium</button>
|
||||
<button type="button" class="seg-btn" data-perf="high">High</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-block">
|
||||
<label class="check">
|
||||
<input id="rememberPerf" type="checkbox">
|
||||
<span>Merken auf diesem Gerät (localStorage)</span>
|
||||
</label>
|
||||
<div class="muted tiny">Wenn aus: nur sessionStorage.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="button" onclick="applyPerfFromUI()">Übernehmen</button>
|
||||
<button class="btn" type="button" onclick="toast('info','Info','Tipp: Low deaktiviert Starfield')">Info</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php elseif ($section === 'settings' && $sub === 'alerts'): ?>
|
||||
<div class="card inner panel" style="margin-top:14px;">
|
||||
<h2 class="h2">Alert Pulse</h2>
|
||||
<p class="muted">Wähle: 3× Puls (Burst) oder dauerhaft (Loop).</p>
|
||||
|
||||
<div class="settings-row">
|
||||
<div class="seg">
|
||||
<button type="button" class="seg-btn" data-alertpulse="burst">Burst (3×)</button>
|
||||
<button type="button" class="seg-btn" data-alertpulse="loop">Loop</button>
|
||||
</div>
|
||||
|
||||
<div class="settings-block">
|
||||
<label class="check">
|
||||
<input id="rememberPulse" type="checkbox">
|
||||
<span>Merken auf diesem Gerät (localStorage)</span>
|
||||
</label>
|
||||
<div class="muted tiny">Wenn aus: nur sessionStorage.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="button" onclick="applyPulseFromUI()">Übernehmen</button>
|
||||
<a class="btn" href="index.php?s=<?= urlencode($section) ?>&p=<?= urlencode($sub) ?>&planet=<?= urlencode($planet) ?>&toast=err">Demo Warning</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="card inner panel" style="margin-top:14px;">
|
||||
<h2 class="h2">Platzhalter</h2>
|
||||
<p>Hier kommt später die Seite für <strong><?= htmlspecialchars($section) ?></strong> / <strong><?= htmlspecialchars($sub) ?></strong>.</p>
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="button" onclick="toast('success','UI','Alles bereit ✅')">Toast testen</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
Reference in New Issue
Block a user