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