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