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