$doctype 5
Purr
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous">
<link rel="stylesheet" href="/style.css">
<body>
<div #logo .logo>
<img src="/purrlogo.png">
<div #content .content>
<div #title .title>
<h1>
<a #titleLink .titleLink href="/">Purr
<div #pwUtils .pwUtils>
$if (link == "/")
<div #requestedPw .requestedPw>
<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 #shareNew .shareNew>
<p>
<input .mainInput
name="newSec"
type="text"
placeholder="Enter a Secret to Share"
/>
<button .mainButton
hx-post="/new"
hx-target="#requestedPw"
hx-swap="outerHTML"
hx-include="[name='newSec']"
/>
Share Secret
<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" />