68 lines
1.9 KiB
Plaintext
68 lines
1.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html translate="no">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<meta name="google" content="notranslate" />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
<meta name="theme-color" content="#8787e7" />
|
|
|
|
<title>ソ瑠璃パス</title>
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
|
<link rel="apple-touch-icon" href="/favicon.png" />
|
|
<link rel="stylesheet" href="/style.css?<%=mtimeCSS%>" />
|
|
|
|
<div class="list">
|
|
<% list.forEach(function(e){ %>
|
|
<div class="item" id="<%= e.name %>">
|
|
<div class="title"><%= e.name %></div>
|
|
<div class="body">
|
|
<div class="otp"><%= e.otp %></div>
|
|
<span class="delete material-icons">delete</span>
|
|
</div>
|
|
</div>
|
|
<% }); %>
|
|
</div>
|
|
|
|
<div class="counter"></div>
|
|
<div class="nav">
|
|
<div class="title">ソ瑠璃パス</div>
|
|
<span class="add material-icons">add</span>
|
|
</div>
|
|
<div class="overlay hidden">
|
|
<form method="post" action="/" enctype="application/x-www-form-urlencoded">
|
|
<label>
|
|
Name
|
|
<input
|
|
name="name"
|
|
type="text"
|
|
required
|
|
minlength="2"
|
|
pattern="[a-zA-Z][a-zA-Z0-9]+"
|
|
placeholder="(alphanumeric characters only)"
|
|
/>
|
|
</label>
|
|
<label>
|
|
Secret
|
|
<input
|
|
name="otp"
|
|
type="text"
|
|
required
|
|
minlength="16"
|
|
pattern="[a-zA-Z0-9]{16,}"
|
|
placeholder="(remove spaces if any)"
|
|
/>
|
|
</label>
|
|
<input type="submit" />
|
|
</form>
|
|
</div>
|
|
<script src="/index.js?<%=mtimeJS%>" defer></script>
|
|
</html>
|