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