-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
100 lines (80 loc) · 4.44 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
99
100
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Generate secure passphrases with the Diceware method">
<meta name="author" content="Michael Henriksen">
<title>Diceware Passphrase Generator</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/application.css">
</head>
<body>
<div class="container">
<div id="seeder" class="seeder">
<p>Move your cursor around to seed the random number generator...</p>
<div class="progress">
<div class="progress-bar" id="seed_progress" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
<span class="sr-only">0% seeded</span>
</div>
</div>
</div>
<div id="passphrase_container">
<div id="passphrase" class="passphrase"></div>
<div class="btn-group btn-group-justified" id="new_passphrase">
<button type="button" class="btn" data-word-count="5">5 words</button>
<button type="button" class="btn" data-word-count="6">6 words</button>
<button type="button" class="btn" data-word-count="7">7 words</button>
<button type="button" class="btn" data-word-count="8">8 words</button>
</div>
</div>
</div>
<footer>
<div id="about">
Created by <a href="https://twitter.com/michenriksen">Michael Henriksen</a> ·
<a data-toggle="modal" href="#what_is_this">What is this?</a>
</div>
</footer>
<div class="modal fade" id="what_is_this" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">What is this?</h4>
</div>
<div class="modal-body">
<p>A simple passphrase generator that uses the <a href="https://en.wikipedia.org/wiki/Diceware">Diceware</a> method to generate secure passphrases.</p>
<hr />
<h4>Why is it collecting my mouse movements?</h4>
<p>The app is using the <a href="https://github.com/davidbau/seedrandom">seedrandom.js</a> library to strengthen the pseudo-random number generator by seeding it with mouse coordinates and other sources of entropy. If you use a modern browser, it will
use the much more secure <code>window.crypto</code> as its random number source.</p>
<hr />
<h4>Want to have your own?</h4>
<p>The complete code for the app is <a href="https://github.com/michenriksen/diceware">available on GitHub</a> ready to be forked and hosted by yourself.</p>
<hr />
<h4>Thanks</h4>
<p>Thanks to <a href="https://twitter.com/thegrugq">the grugq</a> for inspiration,
<a href="http://davidbau.com/">David Bau</a> for seedrandom.js
and <a href="http://world.std.com/~reinhold/diceware.html">Arnold G. Reinhold</a> for the Diceware word list.</p>
<hr />
<h4>Disclaimer</h4>
<p>diceware.herokuapp.com and its authors are not responsible for any loss of data or personal information. Passphrases are used at the user’s own risk and no liability will be asumed. By using this website, you agree that the website and its authors are not liable for any losses incurred. diceware.herokuapp.com and its authors are not responsible or liable, directly or indirectly, for any damage or loss caused by or in connection with the use of, or reliance on, any such content, goods or services available on or through this website.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<noscript>
<div class="noscript">
<h1>Sorry, this site requires Javascript.</h1>
<div style="font-size: 56px;">⚀ ⚁ ⚂ ⚃ ⚄ ⚅</div>
</div>
</noscript>
<script src="//code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="/assets/seedrandom.js" type="text/javascript"></script>
<script src="/assets/application.js" type="text/javascript"></script>
</body>
</html>