54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>ZitateBot - Quote Submitter</title>
|
||
|
|
<link rel="stylesheet" href="/styles.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="bg-glow bg-glow-a"></div>
|
||
|
|
<div class="bg-glow bg-glow-b"></div>
|
||
|
|
|
||
|
|
<main class="app-shell">
|
||
|
|
<section class="card fade-in-up">
|
||
|
|
<h1>ZitateBot</h1>
|
||
|
|
<p class="sub">Select a speaker and submit a quote directly to Discord.</p>
|
||
|
|
|
||
|
|
<div id="auth-panel" class="auth-panel">
|
||
|
|
<p id="auth-text" class="auth-text">Checking Discord session...</p>
|
||
|
|
<div class="auth-actions">
|
||
|
|
<a id="login-link" class="auth-link" href="/auth/discord">Login with Discord</a>
|
||
|
|
<button id="logout-btn" type="button" class="ghost-btn" hidden>Logout</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form id="quote-form">
|
||
|
|
<label for="user-select">Speaker</label>
|
||
|
|
<select id="user-select" required>
|
||
|
|
<option value="">Loading users...</option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<label for="quote-text">Quote</label>
|
||
|
|
<textarea
|
||
|
|
id="quote-text"
|
||
|
|
maxlength="600"
|
||
|
|
placeholder="Write the quote here..."
|
||
|
|
required
|
||
|
|
></textarea>
|
||
|
|
|
||
|
|
<label for="attachment">Attachment (optional)</label>
|
||
|
|
<input id="attachment" type="file" />
|
||
|
|
<p class="hint">Allowed: images, video, audio, txt, pdf, zip (max 100 MB).</p>
|
||
|
|
|
||
|
|
<button id="submit-btn" type="submit">Send Quote</button>
|
||
|
|
<p id="status" class="status" aria-live="polite"></p>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script src="/app.js" defer></script>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|