]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/blame - src/index.html
Non-English language tests added
[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
CommitLineData
ebd8d4e8
IC
1<!DOCTYPE html>
2<html>
3 <head lang="en">
4 <meta charset="utf-8" />
5 <title>BIP39 - Mnemonic Code</title>
cee442b1 6 <link rel="stylesheet" href="css/bootstrap.min.css">
ebd8d4e8
IC
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" />
b630f83d 10 <meta content="Ian Coleman" name="author" />
ebd8d4e8
IC
11
12 <style>
f52dcdbd
IC
13 body {
14 padding-bottom: 32px;
15 }
d198865f
IC
16 .form-control[readonly] {
17 cursor: text;
dd566a1e 18 }
ebd8d4e8
IC
19 .feedback-container {
20 position: fixed;
21 top: 0;
22 width: 100%;
23 text-align: center;
24 z-index: 4;
25 }
26 .feedback {
27 display: table;
28 padding: 0.5em 1em;
29 background-color: orange;
30 margin: 0 auto;
31 font-size: 2em;
32 color: #444;
33 border: 2px solid #555;
34 border-top: 0;
35 border-bottom-left-radius: 20px 20px;
36 border-bottom-right-radius: 20px 20px;
37 }
55a9e51a
IC
38 .no-border {
39 border: 0;
40 box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
41 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
42 }
b0818b31
IC
43 .strength {
44 /* override mobile width from bootstrap */
45 width: auto!important;
46 display: inline-block;
47 }
7c31e3cd
IC
48 .languages a {
49 padding-left: 10px;
50 }
ebd8d4e8
IC
51 </style>
52 </head>
53 <body>
54 <div class="container">
55
56 <h1 class="text-center">Mnemonic Code Converter</h1>
57 <hr>
58 <div class="row">
59 <div class="col-md-12">
d4779799 60 <h2>Mnemonic</h2>
ebd8d4e8
IC
61 <form class="form-horizontal" role="form">
62 <div class="col-sm-2"></div>
63 <div class="col-sm-10">
d4779799 64 <p>You can enter an existing BIP39 mnemonic, or generate a new random one. Typing your own twelve words will probably not work how you expect, since the words require a particular structure (the last word is a checksum)</p>
ebd8d4e8
IC
65 <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p>
66 </div>
67 <div class="form-group">
b0818b31 68 <label class="col-sm-2 control-label"></label>
ebd8d4e8 69 <div class="col-sm-10">
b0818b31
IC
70 <div class="form-inline">
71 <div class="input-group-inline">
72 <button class="btn generate">Generate</button>
73 <span>a random</span>
74 <select id="strength" class="strength form-control">
75 <option value="3">3</option>
76 <option value="6">6</option>
77 <option value="9">9</option>
78 <option value="12">12</option>
79 <option value="15" selected>15</option>
80 <option value="18">18</option>
81 <option value="21">21</option>
82 <option value="24">24</option>
83 </select>
84 word mnemonic, or enter your own below.
85 </div>
86 </div>
ebd8d4e8 87 </div>
7c31e3cd
IC
88 </div>
89 <div class="form-group">
90 <label class="col-sm-2 control-label"></label>
91 <div class="col-sm-10 languages">
92 <a href="#english">English</a>
93 <a href="#japanese" title="Japanese">日本語</a>
94 <a href="#spanish" title="Spanish">Español</a>
95 <a href="#chinese_simplified" title="Chinese (Simplified)">中文(简体)</a>
96 <a href="#chinese_traditional" title="Chinese (Traditional)">中文(繁體)</a>
97 <a href="#french" title="French">Français</a>
98 <a href="#italian" title="Italian">Italiano</a>
99 </div>
ebd8d4e8
IC
100 </div>
101 <div class="form-group">
b0818b31 102 <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label>
ebd8d4e8 103 <div class="col-sm-10">
b0818b31 104 <textarea id="phrase" class="phrase form-control"></textarea>
ebd8d4e8
IC
105 </div>
106 </div>
1abcc511
PR
107 <div class="form-group">
108 <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>
109 <div class="col-sm-10">
110 <textarea id="passphrase" class="passphrase form-control"></textarea>
111 </div>
112 </div>
3e0ed16a
KK
113 <div class="form-group">
114 <label for="seed" class="col-sm-2 control-label">BIP39 Seed</label>
115 <div class="col-sm-10">
116 <textarea id="seed" class="seed form-control" readonly="readonly"></textarea>
117 </div>
118 </div>
4d457a38
IC
119 <div class="form-group">
120 <label for="network-phrase" class="col-sm-2 control-label">Coin</label>
121 <div class="col-sm-10">
122 <select id="network-phrase" class="network form-control">
7f15cb6e 123 <!-- populated by javascript -->
4d457a38
IC
124 </select>
125 </div>
126 </div>
ebd8d4e8
IC
127 <div class="form-group">
128 <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label>
129 <div class="col-sm-10">
efe41586 130 <textarea id="root-key" class="root-key form-control"></textarea>
ebd8d4e8
IC
131 </div>
132 </div>
133 </form>
134 </div>
135 </div>
136
137 <hr>
138
139 <div class="row">
140 <div class="col-md-12">
141 <h2>Derivation Path</h2>
142 <ul class="derivation-type nav nav-tabs" role="tablist">
55a9e51a 143 <li id="bip44-tab" class="active">
23d4a0f1
IC
144 <a href="#bip44" role="tab" data-toggle="tab">BIP44</a>
145 </li>
3b40653f 146 <li id="bip32-tab">
23d4a0f1
IC
147 <a href="#bip32" role="tab" data-toggle="tab">BIP32</a>
148 </li>
ebd8d4e8
IC
149 </ul>
150 <div class="derivation-type tab-content">
55a9e51a 151 <div id="bip44" class="tab-pane active">
ebd8d4e8
IC
152 <form class="form-horizontal" role="form">
153 <br>
154 <div class="col-sm-2"></div>
155 <div class="col-sm-10">
156 <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">BIP44 spec</a></p>
157 </div>
158 <div class="form-group">
159 <label for="purpose" class="col-sm-2 control-label">
160 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#purpose" target="_blank">Purpose</a>
161 </label>
162 <div class="col-sm-10">
163 <input id="purpose" type="text" class="purpose form-control" value="44">
164 </div>
165 </div>
166 <div class="form-group">
167 <label for="coin" class="col-sm-2 control-label">
168 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#registered-coin-types" target="_blank">Coin</a>
169 </label>
170 <div class="col-sm-10">
171 <input id="coin" type="text" class="coin form-control" value="0">
172 </div>
173 </div>
174 <div class="form-group">
175 <label for="account" class="col-sm-2 control-label">
176 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#account" target="_blank">Account</a>
177 </label>
178 <div class="col-sm-10">
179 <input id="account" type="text" class="account form-control" value="0">
180 </div>
181 </div>
182 <div class="form-group">
183 <label for="change" class="col-sm-2 control-label">
184 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#change" target="_blank">External / Internal</a>
185 </label>
186 <div class="col-sm-10">
187 <input id="change" type="text" class="change form-control" value="0">
188 </div>
189 </div>
190 <div class="form-group">
191 <label for="bip44-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
192 <div class="col-sm-10">
d198865f 193 <input id="bip44-path" type="text" class="path form-control" value="m/44'/0'/0'/0" readonly="readonly">
ebd8d4e8
IC
194 </div>
195 </div>
196 </form>
197 </div>
198 <div id="bip32" class="tab-pane">
199 <form class="form-horizontal" role="form">
200 <br>
201 <div class="col-sm-2"></div>
202 <div class="col-sm-10">
203 <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">BIP32 spec</a></p>
204 </div>
205 <div class="form-group">
206 <label for="bip32-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
207 <div class="col-sm-10">
208 <input id="bip32-path" type="text" class="path form-control" value="m/0">
209 </div>
210 </div>
146e089e
IC
211 <div class="form-group">
212 <div class="col-sm-2"></div>
213 <label class="col-sm-10">
214 <input class="hardened-addresses" type="checkbox">
215 Use hardened addresses
216 </label>
217 </div>
55a9e51a
IC
218 <div class="form-group">
219 <label class="col-sm-2 control-label">Hive Wallet</label>
220 <div class="col-sm-10">
221 <p class="form-control no-border">
222 Use path <code>m/0'/0</code>.
223 For more info see the <a href="https://www.hivewallet.com/" target="_blank">Hive Wallet homepage</a>
224 </p>
225 </div>
226 </div>
227 <div class="form-group">
228 <label for="mycelium-path" class="col-sm-2 control-label">Mycelium Wallet</label>
229 <div class="col-sm-10">
230 <p class="form-control no-border">
231 Use path <code>m/44'/0'/0'/0</code>.
232 For more info see the <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a>
233 </p>
234 </div>
235 </div>
8786746b
IC
236 <div class="form-group">
237 <label for="core-path" class="col-sm-2 control-label">Bitcoin Core</label>
238 <div class="col-sm-10">
239 <p class="form-control no-border">
240 Use path <code>m/0'/0'</code> with hardened addresses.
241 For more info see the <a href="https://github.com/bitcoin/bitcoin/pull/8035" target="_blank">Bitcoin Core BIP32 implementation</a>
242 </p>
243 </div>
244 </div>
aa51da11
IC
245 <div class="form-group">
246 <label class="col-sm-2 control-label">Block Explorers</label>
247 <div class="col-sm-10">
248 <p class="form-control no-border">
249 Use path <code>m/44'/0'/0'</code>.
250 Only enter the <code>xpub</code> extended key into block explorer search fields, never the <code>xpriv</code> key.
251 </p>
252 </div>
253 </div>
ebd8d4e8
IC
254 </form>
255 </div>
256 </div>
257 <form class="form-horizontal" role="form">
258 <div class="form-group">
259 <label for="extended-priv-key" class="col-sm-2 control-label">BIP32 Extended Key</label>
260 <div class="col-sm-10">
d198865f 261 <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly"></textarea>
ebd8d4e8
IC
262 </div>
263 </div>
264 <div class="form-group">
265 <label for="extended-pub-key" class="col-sm-2 control-label">BIP32 Extended Key (addresses only)</label>
266 <div class="col-sm-10">
d198865f 267 <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly"></textarea>
ebd8d4e8
IC
268 </div>
269 </div>
270 </form>
271 </div>
272 </div>
273
274 <hr>
275
276 <div class="row">
277 <div class="col-md-12">
278 <h2>Derived Addresses</h2>
279 <p>Note these addreses are derived from the <strong>BIP32 Extended Key</strong></p>
280 <table class="table table-striped">
281 <thead>
282 <th>
283 <div class="input-group">
ae30fed8 284 Path&nbsp;&nbsp;
ebd8d4e8
IC
285 <button class="index-toggle">Toggle</button>
286 </div>
287 </th>
288 <th>
289 <div class="input-group">
290 Address&nbsp;&nbsp;
291 <button class="address-toggle">Toggle</button>
292 </div>
293 </th>
294 <th>
295 <div class="input-group">
296 Private Key&nbsp;&nbsp;
297 <button class="private-key-toggle">Toggle</button>
298 </div>
299 </th>
300 </thead>
301 <tbody class="addresses">
302 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
303 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
304 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
305 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
306 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
307 </tbody>
308 </table>
309 </div>
310 </div>
311 <span>Show next </button>
312 <input type="number" class="rows-to-add" value="20">
313 <button class="more">Show</button>
314
315 <hr>
316
317 <div class="row">
318 <div class="col-md-12">
319 <h2>More info</h2>
320 <h3>BIP39 <span class="small">Mnemonic code for generating deterministic keys</span></h3>
321 <p>
322 Read more at the
323 <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">official BIP39 spec</a>
324 </p>
325 <h3>BIP32 <span class="small">Hierarchical Deterministic Wallets</span></h3>
326 <p>
327 Read more at the
328 <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">official BIP32 spec</a>
329 and see the demo at
330 <a href="http://bip32.org/" target="_blank">bip32.org</a>
331 </p>
332 <h3>BIP44 <span class="small">Multi-Account Hierarchy for Deterministic Wallets</span></h3>
333 <p>
334 Read more at the
335 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">official BIP44 spec</a>
336 </p>
337 <h3>Private Keys</h3>
338 <p>
339 Use private keys at
c90c680e 340 <a href="https://web.archive.org/web/20150707020924/https://brainwallet.org/" target="_blank">brainwallet.org</a>,
ebd8d4e8
IC
341 but be careful - it can be easy to make mistakes if you
342 don't know what you're doing
343 </p>
344 </div>
345 </div>
45b8a745
IC
346
347 <hr>
348
c5863485
IC
349 <div class="row">
350 <div class="col-md-12">
351
352 <h2>Offline Usage</h2>
353
354 <p>
355 You can use this tool without having to be online.
356 </p>
357 <p>
358 In your browser, select file save-as, and save this page
359 as a file.
360 </p>
361 <p>
362 Double-click that file to open it in a browser
363 on any offline computer.
364 </p>
365 <p>
366 Alternatively, download it from
b630f83d
IC
367 <a href="https://github.com/iancoleman/bip39">
368 https://github.com/iancoleman/bip39
c5863485
IC
369 </a>
370
371 </div>
372 </div>
373
374 <hr>
375
45b8a745
IC
376 <div class="row">
377 <div class="col-md-12">
378
379 <h2>This project is 100% open-source code</h2>
380
381 <p>
382 <span>Get the source code at - </span>
b630f83d
IC
383 <a href="https://github.com/iancoleman/bip39" target="_blank">
384 https://github.com/iancoleman/bip39
45b8a745
IC
385 </a>
386 </p>
387
388 <h3>Libraries</h3>
389
390 <p>
391 <span>BitcoinJS - </span>
392 <a href="https://github.com/bitcoinjs/bitcoinjs-lib" target="_blank">
393 https://github.com/bitcoinjs/bitcoinjs-lib
394 </a>
395 </p>
396
397 <p>
398 <span>jsBIP39 - </span>
399 <a href="https://github.com/iancoleman/jsbip39" target="_blank">
400 https://github.com/iancoleman/jsbip39
401 </a>
402 </p>
403
404 <p>
0937f3ab
IC
405 <span>sjcl - </span>
406 <a href="https://github.com/bitwiseshiftleft/sjcl" target="_blank">
407 https://github.com/bitwiseshiftleft/sjcl
45b8a745
IC
408 </a>
409 </p>
410
411 <p>
412 <span>jQuery - </span>
413 <a href="https://jquery.com/" target="_blank">
414 https://jquery.com/
415 </a>
416 </p>
417
418 <p>
419 <span>Twitter Bootstrap - </span>
420 <a href="http://getbootstrap.com/" target="_blank">
421 http://getbootstrap.com/
422 </a>
423 </p>
424
425 </div>
426 </div>
427
ebd8d4e8
IC
428 </div>
429
430 <div class="feedback-container">
d26cce22 431 <div class="feedback">Loading...</div>
ebd8d4e8
IC
432 </div>
433
434 <script type="text/template" id="address-row-template">
435 <tr>
436 <td class="index"><span></span></td>
437 <td class="address"><span></span></td>
438 <td class="privkey"><span></span></td>
439 </tr>
440 </script>
cee442b1
KK
441 <script src="js/jquery.min.js"></script>
442 <script src="js/bootstrap.min.js"></script>
563e401a 443 <script src="js/levenshtein.js"></script>
cee442b1
KK
444 <script src="js/bitcoinjs-1-5-7.js"></script>
445 <script src="js/bitcoinjs-extensions.js"></script>
446 <script src="js/sjcl-bip39.js"></script>
447 <script src="js/wordlist_english.js"></script>
448 <script src="js/jsbip39.js"></script>
449 <script src="js/index.js"></script>
ebd8d4e8
IC
450 </body>
451</html>