95 lines
2.7 KiB
Plaintext
95 lines
2.7 KiB
Plaintext
$doctype 5
|
|
<html>
|
|
|
|
<head>
|
|
<title>purr
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="/htmx.js" integrity="sha384-wS5l5IKJBvK6sPTKa2WZ1js3d947pvWXbPJ1OmWfEuxLgeHcEbjUUA5i9V5ZkpCw">
|
|
<script src="/copyButtons.js" integrity="sha384-eNQZr7QWPQmi/EWi4lVVFOavm+Eibmh7iDvDptgE0j5fI3xycLssbDBZbKphi8pk">
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<a href="https://git.eversole.co">
|
|
made with ♥
|
|
|
|
|
<a href="mailto:#{email}">contact
|
|
|
|
<div #main .main>
|
|
|
|
<div #title .title>
|
|
<h1>
|
|
<a #titleLink .titleLink href="/">purr
|
|
|
|
|
|
<div #shareUtils>
|
|
$if (link == "/")
|
|
<div #requestedPw .hidden>
|
|
<p .emptyReq>
|
|
$else
|
|
<div #requestedPw .requestedPw
|
|
hx-trigger="load"
|
|
hx-post="/pw"
|
|
hx-target="#requestedPw"
|
|
hx-swap="outerHTML"
|
|
*{hsUserLink}
|
|
>
|
|
Loading... <img class="htmx-indicator" src="/loading.svg" />
|
|
|
|
<div #requestNew .requestNew>
|
|
<p>
|
|
<input .mainInput
|
|
name="userLink"
|
|
type="text"
|
|
placeholder="enter a link to view secret"
|
|
/>
|
|
<button .mainButton
|
|
hx-post="/pw"
|
|
hx-target="#requestedPw"
|
|
hx-swap="outerHTML"
|
|
hx-include="[name='userLink']"
|
|
/>
|
|
get secret
|
|
<img class="htmx-indicator" src="/loading.svg" />
|
|
|
|
<div #shareNew .shareNew>
|
|
<p>
|
|
<input .mainInput
|
|
name="newSec"
|
|
type="text"
|
|
placeholder="enter a secret to share"
|
|
/>
|
|
<div .validForm>
|
|
<input .numberInput
|
|
name="newSecDuration"
|
|
type="number"
|
|
min="1"
|
|
max="90"
|
|
value="20"
|
|
onkeyup="if (value < 1 || value > 90) { value = 0 }"
|
|
/> days
|
|
<input .numberInput
|
|
name="newSecViews"
|
|
type="number"
|
|
min="1"
|
|
max="60"
|
|
value="20"
|
|
onkeyup="if (value < 1 || value > 60) { value = 0 }"
|
|
/> views
|
|
<button .mainButton
|
|
hx-post="/new"
|
|
hx-target="#requestedPw"
|
|
hx-swap="outerHTML"
|
|
hx-include="[id='shareNew']"
|
|
/>
|
|
share secret
|
|
<img class="htmx-indicator" src="/loading.svg" />
|
|
|
|
<div #generators
|
|
hx-trigger="load"
|
|
hx-get="/gen"
|
|
hx-target="#generators"
|
|
hx-swap="outerHTML"
|
|
>
|