68 lines
2.7 KiB
HTML
68 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>mediator — poll</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<header class="site">
|
|
<a class="logo" href="/"><span class="dot"></span>mediator</a>
|
|
<span class="tagline">one calendar for the whole crew</span>
|
|
</header>
|
|
|
|
<div id="not-found" hidden>
|
|
<h1>Poll not found</h1>
|
|
<p class="sub">This poll may have been deleted, or the link is incomplete. Ask whoever sent it for a fresh link — or <a href="/">start a new poll</a>.</p>
|
|
</div>
|
|
|
|
<div id="poll-view" hidden>
|
|
<div class="closed-banner" id="closed-banner" hidden>This poll is closed — the dates below are final.</div>
|
|
|
|
<h1 id="poll-title"></h1>
|
|
<p class="sub" id="poll-desc" hidden></p>
|
|
<p class="sub" id="vote-hint">Highlighted days are on offer. Circle every one that works for you, then send your answer. Answering again with the same name updates your earlier answer.</p>
|
|
|
|
<div class="card">
|
|
<div id="calendar"></div>
|
|
</div>
|
|
|
|
<div class="card" id="vote-card">
|
|
<label class="field">
|
|
<span>Your name</span>
|
|
<input type="text" id="voter-name" maxlength="60" placeholder="So the group knows who answered" autocomplete="name">
|
|
</label>
|
|
<div class="actions">
|
|
<button class="btn btn-primary" id="vote-btn">Send my answer</button>
|
|
<span class="note" id="vote-summary"></span>
|
|
</div>
|
|
<p class="error" id="vote-error" role="alert"></p>
|
|
<p class="ok" id="vote-ok" hidden></p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<strong style="font-size:14px;">Answers so far <span class="hint" id="answer-count"></span></strong>
|
|
<div id="results"></div>
|
|
</div>
|
|
|
|
<div class="card" id="admin-card" hidden>
|
|
<strong style="font-size:14px;">Organizer tools</strong>
|
|
<p class="note" style="margin:6px 0 12px;">Polls can't be edited after creation — only closed (stops new answers) or deleted for good.</p>
|
|
<div class="actions">
|
|
<button class="btn btn-ghost" id="close-btn">Close poll</button>
|
|
<button class="btn btn-danger" id="delete-btn">Delete poll</button>
|
|
</div>
|
|
<p class="error" id="admin-error" role="alert"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/calendar.js"></script>
|
|
<script src="/static/poll.js"></script>
|
|
</body>
|
|
</html>
|