88 lines
3.4 KiB
HTML
88 lines
3.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>mediator - new 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="create-view">
|
|
<h1>Circle the dates that work</h1>
|
|
<p class="sub">Pick every day you'd offer for the get-together, add a time if you already know one, and send your friends a single link.</p>
|
|
|
|
<div class="card">
|
|
<label class="field">
|
|
<span>What's the plan?</span>
|
|
<input type="text" id="title" maxlength="120" autocomplete="off">
|
|
</label>
|
|
<label class="field">
|
|
<span>Details (optional)</span>
|
|
<textarea id="description" maxlength="600"></textarea>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div id="calendar"></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<span class="panel-header">Offered dates</span>
|
|
<div id="picked-list" class="picked-list">
|
|
<p class="empty">Nothing circled yet — tap dates on the calendar above.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<button class="btn btn-primary" id="create-btn">Create poll</button>
|
|
<span class="note">Heads-up: once created, a poll can only be closed or deleted, not edited.</span>
|
|
</div>
|
|
<p class="error" id="error" role="alert"></p>
|
|
</div>
|
|
|
|
<div id="done-view" hidden>
|
|
<h1>Your poll is live</h1>
|
|
<p class="sub">Send the share link to your friends. Keep the admin link to yourself — it's the only way to close or delete the poll.</p>
|
|
|
|
<div class="card">
|
|
<span class="panel-header">Share with friends</span>
|
|
<div class="share-link">
|
|
<input type="text" id="share-url" readonly>
|
|
<button class="btn btn-ghost" data-copy="share-url">Copy</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<span class="panel-header">Admin link (just for you)</span>
|
|
<div class="share-link">
|
|
<input type="text" id="admin-url" readonly>
|
|
<button class="btn btn-ghost" data-copy="admin-url">Copy</button>
|
|
</div>
|
|
<p class="note">Anyone with this link can close or delete the poll — save it somewhere safe.</p>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<a class="btn btn-primary" id="open-poll" href="#">Open the poll</a>
|
|
<a class="btn btn-ghost" href="/">Make another</a>
|
|
</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/create.js"></script>
|
|
</body>
|
|
</html>
|