114 lines
4 KiB
HTML
114 lines
4 KiB
HTML
<!doctype html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<!--<link rel="icon" href="favicon.png" />-->
|
|
<title>PassED</title>
|
|
|
|
<link rel="stylesheet" href="/css/pico.min.css" />
|
|
|
|
<script src="/js/lang.js"></script>
|
|
<script src="/js/api.js"></script>
|
|
<script src="/js/crypto.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
</head>
|
|
<nav class="container">
|
|
<ul>
|
|
<li>
|
|
<strong t="title"></strong>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li>
|
|
<a href="https://git.1e99.eu/1e99/passed/" t="source-code"></a>
|
|
</li>
|
|
|
|
<li>
|
|
<details class="dropdown">
|
|
<summary t="language"></summary>
|
|
<ul dir="rtl">
|
|
<li t="language-en" class="select-language" data-lang="en"></li>
|
|
<li t="language-de" class="select-language" data-lang="de"></li>
|
|
<li t="language-es" class="select-language" data-lang="es"></li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main class="container">
|
|
<article>
|
|
<header t="enter-password"></header>
|
|
|
|
<form id="enter-password">
|
|
<fieldset id="enter-password">
|
|
<label>
|
|
<span t="password"></span>
|
|
<textarea name="password"></textarea>
|
|
</label>
|
|
|
|
<label>
|
|
<span t="expires-in"></span>
|
|
<select name="expires-in">
|
|
<option value="3600" selected t="expires-in.1-hour"></option>
|
|
<option value="43200" t="expires-in.12-hours"></option>
|
|
<option value="86400" t="expires-in.1-day"></option>
|
|
<option value="604800" t="expires-in.1-week"></option>
|
|
<option value="1209600" t="expires-in.2-weeks"></option>
|
|
</select>
|
|
</label>
|
|
</fieldset>
|
|
|
|
<button type="submit" id="enter-password" t="generate-link"></button>
|
|
</form>
|
|
</article>
|
|
</main>
|
|
|
|
<dialog id="link">
|
|
<article>
|
|
<header t="share-link"></header>
|
|
<fieldset role="group">
|
|
<input readonly id="link"/>
|
|
<button t="copy" id="link-copy"></button>
|
|
</fieldset>
|
|
<footer>
|
|
<button class="secondary" id="link-close" t="close"></button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
|
|
<dialog id="not-found">
|
|
<article>
|
|
<header t="not-found"></header>
|
|
<p t="not-found-reason"></p>
|
|
<footer>
|
|
<button t="close" id="not-found-close"></button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
|
|
<dialog id="confirm">
|
|
<article>
|
|
<header t="reveal-password"></header>
|
|
<p t="reveal-password-once"></p>
|
|
<footer>
|
|
<button class="secondary" t="close" id="confirm-close"></button>
|
|
<button t="ok" id="confirm-ok"></button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
|
|
<dialog id="view">
|
|
<article>
|
|
<header t="password"></header>
|
|
<textarea readonly id="view-password"></textarea>
|
|
<footer>
|
|
<button t="close" id="view-close"></button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
</body>
|
|
</html>
|