44 lines
2.4 KiB
HTML
44 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Persimmons</title><link rel="stylesheet" href="popup.css"></head>
|
|
<body>
|
|
<header><img src="icons/orange-48.png" width="36" height="36" alt=""><h1>Persimmons</h1><a href="https://persimmons.app/" target="_blank" rel="noreferrer" aria-label="Open Persimmons website">↗</a></header>
|
|
<div class="origin"><span class="eyebrow">Current site</span><strong id="origin">Checking…</strong></div>
|
|
<section class="card" aria-labelledby="human-heading">
|
|
<div class="row"><h2 id="human-heading">My vault</h2><span id="human-state" class="badge">Not connected</span></div>
|
|
<p id="human-status" role="status" aria-live="polite" hidden></p>
|
|
|
|
<div id="human-connect-panel">
|
|
<button id="human-connect" class="primary wide">Link vault</button>
|
|
<button type="button" id="human-signin" class="link-button wide">Sign in / create account</button>
|
|
</div>
|
|
|
|
<form id="human-unlock-panel" hidden>
|
|
<label class="sr-only" for="human-passphrase">Vault passphrase</label>
|
|
<input id="human-passphrase" type="password" autocomplete="off" maxlength="1024" placeholder="Vault passphrase">
|
|
<button type="submit" id="human-unlock" class="primary wide" disabled>Unlock vault</button>
|
|
</form>
|
|
|
|
<div id="human-actions" hidden>
|
|
<p class="hint">Let your browser autofill this site's login, then save it to your vault.</p>
|
|
<div class="row vault-actions">
|
|
<button type="button" id="human-capture" class="primary">Save autofilled login</button>
|
|
<button type="button" id="human-lock">Lock vault</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="human-accounts" hidden>
|
|
<label>Saved Persims <select id="human-items"></select></label>
|
|
<div class="row"><button id="human-fill" class="primary" disabled>Fill</button><button id="human-delete" class="danger" disabled>Delete</button></div>
|
|
</div>
|
|
</section>
|
|
|
|
<details id="settings-panel" class="updates" hidden><summary>Settings</summary>
|
|
<div id="auto-lock-panel" hidden>
|
|
<label>Auto-lock <select id="auto-lock"><option value="close">On popup close</option><option value="5">After 5 minutes</option><option value="15">After 15 minutes</option><option value="60">After 60 minutes</option></select></label>
|
|
</div>
|
|
<p id="recovery" class="hint recovery" hidden>No recovery or key sync in v0.</p>
|
|
<button type="button" id="updates" class="link-button" hidden>Update available</button>
|
|
</details>
|
|
<script type="module" src="human-popup.mjs"></script></body></html>
|