diff options
author | Ian Coleman <coleman.ian@gmail.com> | 2014-09-18 11:01:19 +1000 |
---|---|---|
committer | Ian Coleman <coleman.ian@gmail.com> | 2014-09-18 11:01:19 +1000 |
commit | ebd8d4e8b526477edf6190ba1fb9d56a6dbcf2ae (patch) | |
tree | fb206546b829e151a1d6cc2516bd45919e47499b /src/index.html | |
download | BIP39-ebd8d4e8b526477edf6190ba1fb9d56a6dbcf2ae.tar.gz BIP39-ebd8d4e8b526477edf6190ba1fb9d56a6dbcf2ae.tar.zst BIP39-ebd8d4e8b526477edf6190ba1fb9d56a6dbcf2ae.zip |
Move from private repo
Diffstat (limited to 'src/index.html')
-rw-r--r-- | src/index.html | 257 |
1 files changed, 257 insertions, 0 deletions
diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..a6ac95b --- /dev/null +++ b/src/index.html | |||
@@ -0,0 +1,257 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head lang="en"> | ||
4 | <meta charset="utf-8" /> | ||
5 | <title>BIP39 - Mnemonic Code</title> | ||
6 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
7 | <meta content="Mnemonic code for generating deterministic keys" name="description"/> | ||
8 | <meta content="width=device-width, initial-scale=1.0" name="viewport" /> | ||
9 | <meta content="bitcoin mnemonic converter" name="description" /> | ||
10 | <meta content="DC POS" name="author" /> | ||
11 | |||
12 | <style> | ||
13 | .feedback-container { | ||
14 | position: fixed; | ||
15 | top: 0; | ||
16 | width: 100%; | ||
17 | text-align: center; | ||
18 | z-index: 4; | ||
19 | } | ||
20 | .feedback { | ||
21 | display: table; | ||
22 | padding: 0.5em 1em; | ||
23 | background-color: orange; | ||
24 | margin: 0 auto; | ||
25 | font-size: 2em; | ||
26 | color: #444; | ||
27 | border: 2px solid #555; | ||
28 | border-top: 0; | ||
29 | border-bottom-left-radius: 20px 20px; | ||
30 | border-bottom-right-radius: 20px 20px; | ||
31 | } | ||
32 | </style> | ||
33 | </head> | ||
34 | <body> | ||
35 | <div class="container"> | ||
36 | |||
37 | <h1 class="text-center">Mnemonic Code Converter</h1> | ||
38 | <hr> | ||
39 | <div class="row"> | ||
40 | <div class="col-md-12"> | ||
41 | <h2>Phrase</h2> | ||
42 | <form class="form-horizontal" role="form"> | ||
43 | <div class="col-sm-2"></div> | ||
44 | <div class="col-sm-10"> | ||
45 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p> | ||
46 | </div> | ||
47 | <div class="form-group"> | ||
48 | <label for="phrase" class="col-sm-2 control-label">BIP39 Phrase</label> | ||
49 | <div class="col-sm-10"> | ||
50 | <textarea id="phrase" class="phrase form-control"></textarea> | ||
51 | </div> | ||
52 | </div> | ||
53 | <div class="form-group"> | ||
54 | <label for="strength" class="col-sm-2 control-label">Number of words</label> | ||
55 | <div class="col-sm-10"> | ||
56 | <div class="input-group"> | ||
57 | <input type="number" class="strength form-control" id="strength" value="12"> | ||
58 | <span class="input-group-btn"> | ||
59 | <button class="btn generate">Generate Random Phrase</button> | ||
60 | </span> | ||
61 | </div> | ||
62 | </div> | ||
63 | </div> | ||
64 | <div class="form-group"> | ||
65 | <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label> | ||
66 | <div class="col-sm-10"> | ||
67 | <textarea id="root-key" class="root-key form-control" disabled="disabled"></textarea> | ||
68 | </div> | ||
69 | </div> | ||
70 | </form> | ||
71 | </div> | ||
72 | </div> | ||
73 | |||
74 | <hr> | ||
75 | |||
76 | <div class="row"> | ||
77 | <div class="col-md-12"> | ||
78 | <h2>Derivation Path</h2> | ||
79 | <ul class="derivation-type nav nav-tabs" role="tablist"> | ||
80 | <li class="active"> | ||
81 | <a href="#bip44" role="tab" data-toggle="tab">BIP44</a></li> | ||
82 | <li><a href="#bip32" role="tab" data-toggle="tab">BIP32</a></li> | ||
83 | </ul> | ||
84 | <div class="derivation-type tab-content"> | ||
85 | <div id="bip44" class="tab-pane active"> | ||
86 | <form class="form-horizontal" role="form"> | ||
87 | <br> | ||
88 | <div class="col-sm-2"></div> | ||
89 | <div class="col-sm-10"> | ||
90 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">BIP44 spec</a></p> | ||
91 | </div> | ||
92 | <div class="form-group"> | ||
93 | <label for="purpose" class="col-sm-2 control-label"> | ||
94 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#purpose" target="_blank">Purpose</a> | ||
95 | </label> | ||
96 | <div class="col-sm-10"> | ||
97 | <input id="purpose" type="text" class="purpose form-control" value="44"> | ||
98 | </div> | ||
99 | </div> | ||
100 | <div class="form-group"> | ||
101 | <label for="coin" class="col-sm-2 control-label"> | ||
102 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#registered-coin-types" target="_blank">Coin</a> | ||
103 | </label> | ||
104 | <div class="col-sm-10"> | ||
105 | <input id="coin" type="text" class="coin form-control" value="0"> | ||
106 | </div> | ||
107 | </div> | ||
108 | <div class="form-group"> | ||
109 | <label for="account" class="col-sm-2 control-label"> | ||
110 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#account" target="_blank">Account</a> | ||
111 | </label> | ||
112 | <div class="col-sm-10"> | ||
113 | <input id="account" type="text" class="account form-control" value="0"> | ||
114 | </div> | ||
115 | </div> | ||
116 | <div class="form-group"> | ||
117 | <label for="change" class="col-sm-2 control-label"> | ||
118 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#change" target="_blank">External / Internal</a> | ||
119 | </label> | ||
120 | <div class="col-sm-10"> | ||
121 | <input id="change" type="text" class="change form-control" value="0"> | ||
122 | </div> | ||
123 | </div> | ||
124 | <div class="form-group"> | ||
125 | <label for="bip44-path" class="col-sm-2 control-label">BIP32 Derivation Path</label> | ||
126 | <div class="col-sm-10"> | ||
127 | <input id="bip44-path" type="text" class="path form-control" value="m/44'/0'/0'/0" disabled="disabled"> | ||
128 | </div> | ||
129 | </div> | ||
130 | </form> | ||
131 | </div> | ||
132 | <div id="bip32" class="tab-pane"> | ||
133 | <form class="form-horizontal" role="form"> | ||
134 | <br> | ||
135 | <div class="col-sm-2"></div> | ||
136 | <div class="col-sm-10"> | ||
137 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">BIP32 spec</a></p> | ||
138 | </div> | ||
139 | <div class="form-group"> | ||
140 | <label for="bip32-path" class="col-sm-2 control-label">BIP32 Derivation Path</label> | ||
141 | <div class="col-sm-10"> | ||
142 | <input id="bip32-path" type="text" class="path form-control" value="m/0"> | ||
143 | </div> | ||
144 | </div> | ||
145 | </form> | ||
146 | </div> | ||
147 | </div> | ||
148 | <form class="form-horizontal" role="form"> | ||
149 | <div class="form-group"> | ||
150 | <label for="extended-priv-key" class="col-sm-2 control-label">BIP32 Extended Key</label> | ||
151 | <div class="col-sm-10"> | ||
152 | <textarea id="extended-priv-key" class="extended-priv-key form-control" disabled="disabled"></textarea> | ||
153 | </div> | ||
154 | </div> | ||
155 | <div class="form-group"> | ||
156 | <label for="extended-pub-key" class="col-sm-2 control-label">BIP32 Extended Key (addresses only)</label> | ||
157 | <div class="col-sm-10"> | ||
158 | <textarea id="extended-pub-key" class="extended-pub-key form-control" disabled="disabled"></textarea> | ||
159 | </div> | ||
160 | </div> | ||
161 | </form> | ||
162 | </div> | ||
163 | </div> | ||
164 | |||
165 | <hr> | ||
166 | |||
167 | <div class="row"> | ||
168 | <div class="col-md-12"> | ||
169 | <h2>Derived Addresses</h2> | ||
170 | <p>Note these addreses are derived from the <strong>BIP32 Extended Key</strong></p> | ||
171 | <table class="table table-striped"> | ||
172 | <thead> | ||
173 | <th> | ||
174 | <div class="input-group"> | ||
175 | Index | ||
176 | <button class="index-toggle">Toggle</button> | ||
177 | </div> | ||
178 | </th> | ||
179 | <th> | ||
180 | <div class="input-group"> | ||
181 | Address | ||
182 | <button class="address-toggle">Toggle</button> | ||
183 | </div> | ||
184 | </th> | ||
185 | <th> | ||
186 | <div class="input-group"> | ||
187 | Private Key | ||
188 | <button class="private-key-toggle">Toggle</button> | ||
189 | </div> | ||
190 | </th> | ||
191 | </thead> | ||
192 | <tbody class="addresses"> | ||
193 | <tr><td> </td><td> </td><td> </td></tr> | ||
194 | <tr><td> </td><td> </td><td> </td></tr> | ||
195 | <tr><td> </td><td> </td><td> </td></tr> | ||
196 | <tr><td> </td><td> </td><td> </td></tr> | ||
197 | <tr><td> </td><td> </td><td> </td></tr> | ||
198 | </tbody> | ||
199 | </table> | ||
200 | </div> | ||
201 | </div> | ||
202 | <span>Show next </button> | ||
203 | <input type="number" class="rows-to-add" value="20"> | ||
204 | <button class="more">Show</button> | ||
205 | |||
206 | <hr> | ||
207 | |||
208 | <div class="row"> | ||
209 | <div class="col-md-12"> | ||
210 | <h2>More info</h2> | ||
211 | <h3>BIP39 <span class="small">Mnemonic code for generating deterministic keys</span></h3> | ||
212 | <p> | ||
213 | Read more at the | ||
214 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">official BIP39 spec</a> | ||
215 | </p> | ||
216 | <h3>BIP32 <span class="small">Hierarchical Deterministic Wallets</span></h3> | ||
217 | <p> | ||
218 | Read more at the | ||
219 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">official BIP32 spec</a> | ||
220 | and see the demo at | ||
221 | <a href="http://bip32.org/" target="_blank">bip32.org</a> | ||
222 | </p> | ||
223 | <h3>BIP44 <span class="small">Multi-Account Hierarchy for Deterministic Wallets</span></h3> | ||
224 | <p> | ||
225 | Read more at the | ||
226 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">official BIP44 spec</a> | ||
227 | </p> | ||
228 | <h3>Private Keys</h3> | ||
229 | <p> | ||
230 | Use private keys at | ||
231 | <a href="https://brainwallet.github.io/" target="_blank">brainwallet.org</a>, | ||
232 | but be careful - it can be easy to make mistakes if you | ||
233 | don't know what you're doing | ||
234 | </p> | ||
235 | </div> | ||
236 | </div> | ||
237 | </div> | ||
238 | |||
239 | <div class="feedback-container"> | ||
240 | <div class="feedback"></div> | ||
241 | </div> | ||
242 | |||
243 | <script type="text/template" id="address-row-template"> | ||
244 | <tr> | ||
245 | <td class="index"><span></span></td> | ||
246 | <td class="address"><span></span></td> | ||
247 | <td class="privkey"><span></span></td> | ||
248 | </tr> | ||
249 | </script> | ||
250 | <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | ||
251 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
252 | <script src="/js/bitcoinjs-1-0-0.js"></script> | ||
253 | <script src="/js/asmcrypto.js"></script> | ||
254 | <script src="/js/jsbip39.js"></script> | ||
255 | <script src="/js/index.js"></script> | ||
256 | </body> | ||
257 | </html> | ||