fastpastebin/assets/index.html

112 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fast Paste Bin</title>
<link rel="stylesheet" href="/static/css/bulma-0.7.0.min.css">
<link rel="stylesheet" href="/static/css/bulma-tooltip-1.0.4.min.css">
<script defer src="/static/js/fontawesome-5.0.7.js"></script>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<nav class="navbar is-dark">
<div class="navbar-brand">
<a class="navbar-item" href="/">Fast Paste Bin</a>
<a class="navbar-item" href="/pastes/">
Pastes
</a>
<div class="navbar-burger burger" data-target="navbarItems">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navbarItems" class="navbar-menu">
<div class="navbar-start">
</div>
<div class="navbar-end">
</div>
</div>
</nav>
<section class="section">
<form action="/paste/" method="POST" autocomplete="off">
<div class="columns">
<div class="column is-8 field">
<div class="control">
<textarea class="textarea" placeholder="Paste contents" name="paste-contents" id="paste-contents"></textarea>
</div>
</div>
<div class="column is-4">
<div class="field">
<div class="control">
<input class="input" type="text" placeholder="Paste title" name="paste-title" id="paste-title">
</div>
</div>
<div class="field">
<label for="paste-keep-for">Paste should be available for:</label>
<div class="control">
<div class="select">
<select id="paste-keep-for" name="paste-keep-for">
<option value="30M">30 minutes</option>
<option value="1h">1 hour</option>
<option value="3h">3 hours</option>
<option value="6h">6 hours</option>
<option value="12h">12 hours</option>
<option value="1d">1 day</option>
<option value="2d">2 days</option>
<option value="3d">3 days</option>
<option value="4d">4 days</option>
<option value="5d">5 days</option>
<option value="7d">7 days</option>
<option value="14d">14 days</option>
<option value="21d">21 days</option>
<option value="1m">1 monts</option>
<option value="3m">3 months</option>
<option value="6m">6 months</option>
<option value="forever">Forever</option>
</select>
</div>
</div>
</div>
<div class="field tooltip is-tooltip-bottom is-tooltip-multiline" data-tooltip="Should this paste be accessible only with special URL and not shown in pastes list?">
<label class="checkbox">
<input type="checkbox" name="paste-private" id="paste-private"> Private paste with unique URL?
</label>
</div>
<div class="field">
<label for="paste-language">Language:</label>
<div class="control">
<div class="select">
<select id="paste-language" name="paste-language">
{lexers}
</select>
</div>
</div>
</div>
<div class="field">
<label for="paste-captcha">Captcha:</label>
<div class="control">
<p>
<img id=image src="/captcha/{captchaString}.png" alt="Captcha image">
</p>
<input class="input" type="text" placeholder="Captcha solution" name="paste-captcha-solution" id="paste-captcha-solution">
<input class="input is-hidden" type="text" name="paste-captcha-id" id="paste-captcha-id" readonly value="{captchaString}">
</div>
</div>
<div class="field">
<div class="control">
<input class="button is-success" type="submit" value="Paste!">
</div>
</div>
</div>
</div>
</form>
</section>
</body>
</html>