50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>The Night Club's Hashing Tool</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<h2>The Night Club's Hashing Tool</h2>
|
|
|
|
<label for="algorithm">Algorithm</label>
|
|
<select id="algorithm">
|
|
<option value="sha512">sha512-crypt ($6$)</option>
|
|
<option value="sha256">sha256-crypt ($5$)</option>
|
|
<option value="argon2">argon2 ($argon2id$)</option>
|
|
</select>
|
|
|
|
|
|
<label for="password">Password (you will use this to login, minimum 16 characters)</label>
|
|
<input id="password" type="password" placeholder="Enter password" minlength="16">
|
|
|
|
|
|
<label for="salt">Salt (between 8 and 16 characters)</label>
|
|
<div class="row">
|
|
<input id="salt" type="text" placeholder="Enter salt or generate one">
|
|
<button id="gensaltBtn" type="button" class="small">Generate salt</button>
|
|
</div>
|
|
<div class="note">Salt characters limited to <code>./0-9A-Za-z</code>.</div>
|
|
|
|
|
|
<div class="controls">
|
|
<button id="hashBtn">Compute hash</button>
|
|
<button id="clearBtn" type="button">Clear</button>
|
|
</div>
|
|
|
|
|
|
<label>Result</label>
|
|
<pre id="result" class="result-box">Result will appear here</pre>
|
|
<button id="resultBtn" type="button">Copy result</button>
|
|
</div>
|
|
|
|
<script src="/static/js/main.js"></script>
|
|
</body>
|
|
|
|
</html>
|