73 lines
3.1 KiB
HTML
73 lines
3.1 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="icon" type="image/svg+xml" href="/static/logo.svg">
|
|
<link rel="preload" href="/static/fonts/IosevkaEtoile.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="preload" href="/static/fonts/IosevkaSlab.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<header class="site">
|
|
<a class="logo" href="/"><svg class="dot" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.92" aria-hidden="true"><rect x="2.5" y="2.5" width="19" height="19"/><path d="M9.1 2.5 V15.1 M2.5 15.1 H21.5 M9.1 9 H21.5 M15 15.1 V21.5"/></svg>mediator</a>
|
|
<span class="tagline">how hard can it be to get 4 people around a table?</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" 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">
|
|
<span class="panel-header">Answers so far <span class="hint" id="answer-count"></span></span>
|
|
<div id="results"></div>
|
|
</div>
|
|
|
|
<div class="card" id="admin-card" hidden>
|
|
<span class="panel-header">Organizer tools</span>
|
|
<p class="note">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>
|
|
|
|
<footer class="site">
|
|
made by <span class="author">luxick</span> · <a href="https://git.luxick.de/luxick/mediator">source code</a>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="/static/calendar.js"></script>
|
|
<script src="/static/poll.js"></script>
|
|
</body>
|
|
</html>
|