$doctype 5
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"
>