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