forked from HermanMartinus/horus-webapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (66 loc) · 2.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>HorusPass</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<article>
<h1>HorusPass</h1>
<h3>The trustless password manager</h3>
<fieldset>
<p>
<label>Master password</label>
<br>
<span style="display:flex">
<input autofocus type="password" id="seed" />
<small onclick="toggleObscured('#seed')" class="hide-show">Hide/Show</small>
</span>
</p>
<p>
<label>Service name</label>
<br>
<input type="text" id="service" />
<button onclick="createPassword()">Generate password</button>
<button onclick="createPassphrase()">Generate passphrase</button>
</p>
</fieldset>
<fieldset class="result" style="display: none;">
<label>Generated passphrase</label>
<span style="display:flex">
<input type="password" class="obscured" readonly id="passphrase" />
<small onclick="toggleObscured('#passphrase')" class="hide-show">Hide/Show</small>
</span>
<button onclick="copy('#passphrase')">Copy to clipboard</button>
</fieldset>
<h4>How it works</h4>
<h5>Step 1</h5>
<p>
Type in your master password. This is (preferably) a phrase that you never write down or tell anyone.
</p>
<h5>Step 2</h5>
<p>
Type in the name of the service you would like to access (eg: Facebook). Case does not matter.
This is how you retrieve the service's password.
</p>
<h5>Step 3</h5>
<p>
A password is generated in the obscured field. The password is generated by doing a one way hash of the secret phrase
combined with the service name and then decorated with special characters.
</p>
<h5>Step 4</h5>
<p>
Set the password of your service to the generated password. Now you never have to remember that password ever again.
Every time you want to log in, just come regenerate it and copy and paste it again.
</p>
<script src="helpers.js"></script>
<script src="wordlist.js"></script>
<script src="md5.js"></script>
<script src="script.js"></script>
</article>
</main>
</body>
</html>