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