-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
98 lines (98 loc) · 4.45 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<meta
http-equiv="Content-Security-Policy"
content="
default-src 'none';
img-src 'self';
script-src 'self';
style-src 'self' http://fonts.googleapis.com;
font-src 'self' https://fonts.gstatic.com;
">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mouseware Secure Password Generator | Fusionbox</title>
<meta name="description" content="Mouseware is a strong and secure password generator that uses your mouse movements to generate easy-to-remember passwords." />
<meta name="keywords" content="strong password generator, secure password generator" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="js/crypto-sha256.js"></script>
<script src="js/random.js"></script>
<script src="js/wordlist.js"></script>
<script src="js/markovchain.js"></script>
<script src="js/markovpass.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/mouseware.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700,400" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/mouseware.css">
</head>
<body>
<div id="container">
<div id="generate" hidden>
<div class="password"></div>
<div class="entropy"></div>
<button id="generate_button">Generate</button>
<div class="toggleOptions">
<a id="toggle_options_button">Show Options</a>
</div>
<form id="options" hidden>
<label><input type="checkbox" name="use_dirty">Include dirty words?</label>
<label><input type="checkbox" name="use_number">Include a number?</label>
<label><input type="checkbox" name="use_symbol">Include a symbol?</label>
<label><input type="checkbox" name="use_more_words">Include more words?</label>
<label><input type="checkbox" name="use_spaces" checked="checked">Include spaces between words?</label>
<label><input type="checkbox" name="diceware">Use the diceware wordlist</label>
<label><input type="checkbox" name="markov">Generate markov chain passphrase</label>
</form>
</div>
<div id="more_entropy">
Move your mouse around
<div class="progress">
<div></div>
</div>
<div class="reminder" hidden>
Um, you're not quite done moving your mouse yet.
</div>
</div>
<p>
Mouseware uses a cryptographically secure random number generator based
on your mouse movements to generate secure, memorable passwords.
Passwords are generated entirely in the browser, no data is ever sent
over the network. The generated passphrases are similar to those
generated by <a
href="http://world.std.com/~reinhold/diceware.html">Diceware</a> or
popularized by <a href="http://xkcd.com/936/">xkcd</a>, with an
emphasis on easy memorization.
</p>
<p>
Mouseware can now optionally use the diceware word list.
<a class="enable_diceware">Enable</a> secure diceware password
generation.
</p>
<p>
Mouseware also provides an alternative markov chain based password
generation method. This method generates passwords that provide a
balance between ease of memorization and randomness by creating
passphrases which feel like english words without being limited to
actual english words. For a given length, the passphrases will on
average be harder to guess, however this method provides weaker
guarantees since the generation method is less uniform, and more
difficult to analyze.
</p>
<p id="online">
<sup>[1]</sup>1000 guesses/second is a worst-case web-based attack.
Typically this is the only type of attack feasible against a secure
website.
</p>
<p id="offline">
<sup>[2]</sup>100 billion guesses/second is a worst-case offline attack,
when a hashed password database is stolen by someone with nontrivial
technical and financial resources.
</p>
</div>
<footer>
<a class="code" href="http://github.com/fusionbox/mouseware/">source code</a>
<a href="http://www.fusionbox.com/"><img alt="fusionbox" src="fusionbox.gif"></a>
</footer>
</body>
</html>