<!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-de" class="select-language" data-lang="de"></li>
<li t="language-en" class="select-language" data-lang="en"></li>
<li t="language-es" class="select-language" data-lang="es"></li>
<li t="language-fr" class="select-language" data-lang="fr"></li>
<li t="language-nl" class="select-language" data-lang="nl"></li>
<li t="language-ro" class="select-language" data-lang="ro"></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>