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