98 lines
4.4 KiB
HTML
98 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-theme="spicymedia">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<title>Postfach — DOGFATHER UNIVERSE</title>
|
|
<meta name="description" content="Internes Bewerbungs-Postfach — nur mit Code zugänglich." />
|
|
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
|
<style>
|
|
.app-card { display:flex; flex-direction:column; gap:.5rem; }
|
|
.app-card .fields p { margin:.15rem 0; }
|
|
.app-card .actions { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; }
|
|
.app-card select.status-select { background:var(--bg-alt); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:.35rem .6rem; font-size:.8rem; }
|
|
.notes-box { margin-top:.7rem; padding-top:.7rem; border-top:1px solid var(--border); display:none; }
|
|
.notes-box.open { display:block; }
|
|
.note-item { font-size:.82rem; padding:.4rem 0; border-bottom:1px solid var(--border); }
|
|
.filter-row { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1.2rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<span class="eyebrow">🔒 Intern</span>
|
|
<h1>Bewerbungs-Postfach</h1>
|
|
<p class="lead worlds">Nur für Dogfather & ausgewählte Personen mit Code.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== Login-Gate ===== -->
|
|
<section class="section-tight" id="gate-container">
|
|
<div class="container" style="max-width:520px;">
|
|
<form id="code-gate" class="app-form" novalidate>
|
|
<div class="field">
|
|
<label for="code-input">Zugangscode</label>
|
|
<input id="code-input" name="code" type="password" autocomplete="off" required />
|
|
</div>
|
|
<button class="btn btn-primary" type="submit">Postfach öffnen</button>
|
|
<div class="form-status" id="gate-status"></div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== Session-Leiste ===== -->
|
|
<section class="section-tight" id="session-bar" style="display:none;padding-top:0;">
|
|
<div class="container" style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;">
|
|
<span class="badge rank-1" id="role-badge">Eingeloggt</span>
|
|
<div class="btn-row" style="margin:0;">
|
|
<a class="btn btn-outline" href="zugaenge.html" id="team-link" style="display:none;">Zugänge & Team</a>
|
|
<button class="btn btn-outline" id="logout-btn" type="button">Abmelden</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== Live-Status (nur Owner) ===== -->
|
|
<section class="section-tight" id="live-toggle-section" style="display:none;">
|
|
<div class="container text-center">
|
|
<h2>Live-Status</h2>
|
|
<p class="lead" style="max-width:50ch;margin:0 auto;">Steuert den grünen Punkt auf der Startseite.</p>
|
|
<div class="card" style="max-width:360px;margin:1rem auto 0;">
|
|
<span class="badge rank-1"><span class="live-dot" id="admin-live-dot"></span><span id="admin-live-text">Aktuell offline</span></span>
|
|
<div class="btn-row" style="justify-content:center;margin-top:1rem;">
|
|
<button class="btn btn-primary" id="go-live-btn" type="button">🟢 Live schalten</button>
|
|
<button class="btn btn-outline" id="go-offline-btn" type="button">Offline schalten</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== Mailbox ===== -->
|
|
<section class="section-tight" id="inbox-section" style="display:none;">
|
|
<div class="container">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;">
|
|
<h2 style="margin:0;">Eingegangene Bewerbungen</h2>
|
|
<button class="btn btn-outline" id="refresh-btn" type="button">Aktualisieren</button>
|
|
</div>
|
|
<div class="filter-row">
|
|
<label class="small"><input type="checkbox" id="show-archived" /> Archivierte anzeigen</label>
|
|
</div>
|
|
<div id="inbox-list" class="grid grid-2"></div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="site-footer"></div>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/admin-auth.js"></script>
|
|
<script src="assets/js/postfach.js"></script>
|
|
</body>
|
|
</html>
|