You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pastey/templates/new.html

117 lines
4.4 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>New | Pastey</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<link rel="stylesheet" href="/static/css/mdb.min.css" />
<link rel="stylesheet" href="/static/css/style.css" />
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico"/>
</head>
<body>
<header>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
<div class="container-fluid">
<!-- Navbar logo -->
<a class="navbar-brand" href="/">
<img src="/static/img/pastey.png" height="26" alt="" loading="lazy" style="margin-top: -3px;" />
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/new">New Paste</a>
</li>
{% if whitelisted %}
<li class="nav-item">
<a class="nav-link" href="/config">Config</a>
</li>
{% endif %}
</ul>
<ul class="navbar-nav d-flex flex-row">
<li class="nav-item me-3 me-lg-0">
<a class="nav-link" href="https://github.com/Cesura/pastey" rel="nofollow" target="_blank">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar -->
<!-- Jumbotron -->
<div id="intro" class="p-5 text-center bg-light">
<h1 class="mb-3 h2">New Paste</h1>
</div>
<!-- Jumbotron -->
</header>
<!--Main layout-->
<main class="my-5">
<div class="container">
<form action="/paste" method="POST">
<div class="row">
<div class="col-md-6 mb-4">
<div class="md-form">
<div class="form-outline">
<input type="text" id="title" name="title" class="form-control" />
<label class="form-label" for="title">Paste Title</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-4">
<div class="md-form">
<textarea name="content" id="content" class="md-textarea form-control" rows="20"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
<div class="form-check paste-checkbox">
<input class="form-check-input" type="checkbox" value="" id="encrypt" name="encrypt"
data-mdb-toggle="tooltip" title="Your paste's content will not be accessible without its accompanying decryption key" />
<label class="form-check-label" for="encrypt">
Encrypt
</label>
</div>
</div>
<div class="col-md-2">
<div class="form-check paste-checkbox">
<input class="form-check-input" type="checkbox" value="" id="single" name="single"
data-mdb-toggle="tooltip" title="After generation, the paste will be viewable one time before deletion" />
<label class="form-check-label" for="single">
Single Use
</label>
</div>
</div>
<div class="col-md-4"></div>
<div class="col-md-4">
<button type="submit" class="btn btn-primary btn-block">Paste</button>
</div>
</div>
</form>
</div>
</main>
<!--Main layout-->
<!--JS-->
<script type="text/javascript" src="/static/js/mdb.min.js"></script>
</body>
</html>