-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
136 lines (133 loc) · 7.61 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Brainpass - Client-Side Website Password Geneartor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Website password generator using master passphrase. Allows the use of a single passphrase to generate as many passwords for each website." />
<meta name="author" content="ychin" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/brainpass.css" rel="stylesheet" />
<script src="js/external/jquery-2.0.3.min.js"></script>
<script src="js/external/bootstrap.min.js"></script>
<script src="js/external/bitcoinjs-min.js"></script>
<script src="js/external/sjcl.js"></script>
<script src="js/external/codecBytes.js"></script>
<script src="js/en_words.js"></script>
<script src="js/zh-tw_words.js"></script>
<script src="js/zh-cn_words.js"></script>
<script src="js/brainpass.js"></script>
</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span></button> <span class="navbar-brand" >Brainpass</span>
</div>
</div>
</header>
<div class="container">
<div class="tab-content">
<div class="tab-pane fade in active" id="generator">
<form action="/" class="form-horizontal" method="get">
<fieldset>
<legend>Password Generator</legend>
<div class="form-group">
<label class="col-lg-2 control-label">Passphrase Generator</label>
<div class="col-lg-10 controls">
<button class="btn btn-default" id="generatePassphrase" title="Generate a new passphrase" type="button">Generate</button>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label" for="passphrase">Passphrase</label>
<div class="col-lg-10 controls">
<div class="input-group">
<input class="form-control" id="passphrase" type="password" placeholder="e.g. correct horse battery staple. Use passphrase generator above to generate a secure passphrase." autofocus />
<div class="input-group-btn">
<button class="btn btn-default" id="hidePassphrase" title="Show/Hide Passphrase" type="button">Show</button>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label" for="sitename" title="Domain name for the site for the password">Site</label>
<div class="col-lg-5 controls">
<div class="input-append">
<input class="form-control" id="sitename" type="url" placeholder="e.g. google.com" />
</div>
</div>
<label class="col-lg-1 control-label" for="siteusername" title="Domain name for the site for the password">Username</label>
<div class="col-lg-4 controls">
<div class="input-append">
<input class="form-control" id="siteusername" type="email" placeholder="username" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label" for="customSalt" title="Custom extra salt if the previous password was compromised. Just a single number would do.">Extra</label>
<div class="col-lg-10 controls">
<div class="input-append">
<input class="form-control" id="customSalt" type="text" placeholder="Extra salting for the hashing. Leave this empty unless a previous password from this site was compromised. Otherwise any text would do here." />
</div>
</div>
</div>
<!--
<div class="form-group">
<label class="col-lg-2 control-label" for="hash">Hash</label>
<div class="col-lg-10 controls">
<div class="input-append">
<input class="form-control" id="hash" maxlength="64" readonly="readonly" type="text" />
</div>
</div>
</div>
-->
<div class="form-group">
<label class="col-lg-2 control-label" for="generatedPassword">Generated Password</label>
<div class="col-lg-10 controls">
<div class="input-group">
<input class="form-control" id="generatedPassword" maxlength="64" readonly="readonly" type="text" />
<div class="input-group-btn">
<button class="btn btn-default" id="activateSymbols" data-toggle="button" title="Activate to use symbols as well for the password" type="button">Symbols</button>
</div>
</div>
<div id="generateProgressBar" class="progress active progress-striped" style="display:none;">
<div class="progress-bar" role="progressbar" style="width: 100%;">
<span class="sr-only">Generating</span>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Options</label>
<div class="col-lg-10 controls">
<div class="input-group">
<label>Password Length</label>
<input class="form-control" id="configPasswordLength" type="number" min=1 max=40 />
<label>Hash Iterations</label>
<input class="form-control" id="configHashIterations" type="number" min=1 />
<label>Passphrase Generation entropy (bits)</label>
<input class="form-control" id="configPassphraseGenEntropy" type="number" min=1 />
<label>Passphrase Generation language</label>
<div class="col-lg-10 controls">
<div class="btn-group" data-toggle="buttons" id="randPassphraseLang">
<label class="btn btn-default active" title='Generate a new passphrase using the "Correct Horse Battery Staple method"'><input id="randEN" type="radio" name="randPassphraseLang" />English</label>
<label class="btn btn-default"><input id="randZHTW" type="radio" name="randPassphraseLang" />中文 (Trad)</label>
<label class="btn btn-default"><input id="randZHCN" type="radio" name="randPassphraseLang" />中文 (Simp)</label>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</form>
</div>
<hr />
<footer>
<p>
© 2019 Yee Cheng Chin<span class="pull-right">Powered by <a href="http://pages.github.com">GitHub Pages</a> <a href="https://github.com/ychin/brainpass">Source Code</a></span>
</p>
</footer>
</div>
</div>
</body>
</html>