You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

67 lines
1.7 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RSA SecurID</title>
<style>
.valid { color: lime; }
input:not([disabled]):not(.valid), #error { color: red; }
.hidden { display: none; }
</style>
</head>
<body>
<h1>SecurID</h1>
<fieldset>
<div>
<label for="input">Token:</label>
<input id="input">
</div>
<div id="password-div" class="hidden">
<label for="password">Password:</label>
<input id="password" type="password">
</div>
<div id="devid-div" class="hidden">
<label for="devid">Device ID:</label>
<input id="devid">
</div>
<div>
<label for="version">Version:</label>
<select id="version">
<option value="2">v2</option>
<option value="3">v3</option>
<option value="4" selected>v4</option>
</select>
</div>
<div>
<input id="remember" type="checkbox">
<label for="remember">Remember token</label>
</div>
<div>
<label for="pin">PIN:</label>
<input id="pin" type="password" minlength="4" maxlength="8">
</div>
<hr>
<div>
<label for="output">Passcode:</label>
<input id="output" maxlength="8" disabled>
</div>
<div>
<label for="timer">Time remaining:</label>
<input id="timer" type="range" min="0" max="59" value="0" disabled>
</div>
<div id="error" class="hidden"><hr><b>Error:</b> <span></span></div>
</fieldset>
<p>
[<a href=".">back</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">source</a>]
</p>
<div>2023 Pk11, based on <a href="https://github.com/domdomegg/rsa-securid">domdomegg/rsa-securid</a> and <a href="https://github.com/cernekee/stoken">cernekee/stoken</a>.</div>
<script src="/assets/js/securid.bundle.js"></script>
</body>
</html>