]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/blobdiff - src/index.html
Hardened Addresses checkbox
[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
index 184e7d51fed4d2579bf69ef977aab26b2bc2d70f..25e30fcd534ed4a54d9212afa82bb571eeda92ae 100644 (file)
@@ -3,7 +3,7 @@
     <head lang="en">
         <meta charset="utf-8" />
         <title>BIP39 - Mnemonic Code</title>
-        <link rel="stylesheet" href="/css/bootstrap.min.css">
+        <link rel="stylesheet" href="css/bootstrap.min.css">
         <meta content="Mnemonic code for generating deterministic keys" name="description"/>
         <meta content="width=device-width, initial-scale=1.0" name="viewport" />
         <meta content="bitcoin mnemonic converter" name="description" />
                 border-bottom-left-radius: 20px 20px;
                 border-bottom-right-radius: 20px 20px;
             }
+            .no-border {
+                border: 0;
+                box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
+                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
+            }
         </style>
     </head>
     <body>
                             <label for="strength" class="col-sm-2 control-label">Number of words</label>
                             <div class="col-sm-10">
                                 <div class="input-group">
-                                    <input type="number" class="strength form-control" id="strength" value="12">
+                                    <select id="strength" class="strength form-control">
+                                        <option val="3">3</option>
+                                        <option val="6">6</option>
+                                        <option val="9">9</option>
+                                        <option val="12">12</option>
+                                        <option val="15" selected>15</option>
+                                        <option val="18">18</option>
+                                        <option val="21">21</option>
+                                        <option val="24">24</option>
+                                    </select>
                                     <span class="input-group-btn">
                                         <button class="btn generate">Generate Random Mnemonic</button>
                                     </span>
                                 <textarea id="passphrase" class="passphrase form-control"></textarea>
                             </div>
                         </div>
+                        <div class="form-group">
+                            <label for="seed" class="col-sm-2 control-label">BIP39 Seed</label>
+                            <div class="col-sm-10">
+                                <textarea id="seed" class="seed form-control" readonly="readonly"></textarea>
+                            </div>
+                        </div>
                         <div class="form-group">
                             <label for="network-phrase" class="col-sm-2 control-label">Coin</label>
                             <div class="col-sm-10">
                         <div class="form-group">
                             <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label>
                             <div class="col-sm-10">
-                                <textarea id="root-key" class="root-key form-control" readonly="readonly"></textarea>
+                                <textarea id="root-key" class="root-key form-control"></textarea>
                             </div>
                         </div>
                     </form>
                 <div class="col-md-12">
                     <h2>Derivation Path</h2>
                     <ul class="derivation-type nav nav-tabs" role="tablist">
-                        <li id="hive-tab" class="active">
-                            <a href="#hive" role="tab" data-toggle="tab">Hive Wallet</a>
-                        </li>
-                        <li id="mycelium-tab">
-                            <a href="#mycelium" role="tab" data-toggle="tab">Mycelium Wallet</a>
-                        </li>
-                        <li id="bip44-tab">
+                        <li id="bip44-tab" class="active">
                             <a href="#bip44" role="tab" data-toggle="tab">BIP44</a>
                         </li>
                         <li id="bip32-tab">
                         </li>
                     </ul>
                     <div class="derivation-type tab-content">
-                        <div id="hive" class="tab-pane active">
-                            <form class="form-horizontal" role="form">
-                                <br>
-                                <div class="col-sm-2"></div>
-                                <div class="col-sm-10">
-                                    <p>For more info see the <a href="https://www.hivewallet.com/" target="_blank">Hive Wallet homepage</a></p>
-                                </div>
-                                <div class="form-group">
-                                    <label for="hive-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
-                                    <div class="col-sm-10">
-                                        <input id="hive-path" type="text" class="path form-control" value="m/0'/0" readonly="readonly">
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                        <div id="mycelium" class="tab-pane">
-                            <form class="form-horizontal" role="form">
-                                <br>
-                                <div class="col-sm-2"></div>
-                                <div class="col-sm-10">
-                                    <p>For more info see the <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a></p>
-                                </div>
-                                <div class="form-group">
-                                    <label for="mycelium-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
-                                    <div class="col-sm-10">
-                                        <input id="mycelium-path" type="text" class="path form-control" value="m/44'/0'/0'/0" readonly="readonly">
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                        <div id="bip44" class="tab-pane">
+                        <div id="bip44" class="tab-pane active">
                             <form class="form-horizontal" role="form">
                                 <br>
                                 <div class="col-sm-2"></div>
                                         <input id="bip32-path" type="text" class="path form-control" value="m/0">
                                     </div>
                                 </div>
+                                <div class="form-group">
+                                    <div class="col-sm-2"></div>
+                                    <label class="col-sm-10">
+                                        <input class="hardened-addresses" type="checkbox">
+                                        Use hardened addresses
+                                    </label>
+                                </div>
+                                <div class="form-group">
+                                    <label class="col-sm-2 control-label">Hive Wallet</label>
+                                    <div class="col-sm-10">
+                                        <p class="form-control no-border">
+                                        Use path <code>m/0'/0</code>.
+                                        For more info see the <a href="https://www.hivewallet.com/" target="_blank">Hive Wallet homepage</a>
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="form-group">
+                                    <label for="mycelium-path" class="col-sm-2 control-label">Mycelium Wallet</label>
+                                    <div class="col-sm-10">
+                                        <p class="form-control no-border">
+                                        Use path <code>m/44'/0'/0'/0</code>.
+                                        For more info see the <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a>
+                                        </p>
+                                    </div>
+                                </div>
                             </form>
                         </div>
                     </div>
                         <thead>
                             <th>
                                 <div class="input-group">
-                                    Index&nbsp;&nbsp;
+                                    Path&nbsp;&nbsp;
                                     <button class="index-toggle">Toggle</button>
                                 </div>
                             </th>
                 <td class="privkey"><span></span></td>
             </tr>
         </script>
-        <script src="/js/jquery.min.js"></script>
-        <script src="/js/bootstrap.min.js"></script>
-        <script src="/js/bitcoinjs-1-5-7.js"></script>
-        <script src="/js/sjcl-bip39.js"></script>
-        <script src="/js/wordlist_english.js"></script>
-        <script src="/js/jsbip39.js"></script>
-        <script src="/js/index.js"></script>
+        <script src="js/jquery.min.js"></script>
+        <script src="js/bootstrap.min.js"></script>
+        <script src="js/levenshtein.js"></script>
+        <script src="js/bitcoinjs-1-5-7.js"></script>
+        <script src="js/bitcoinjs-extensions.js"></script>
+        <script src="js/sjcl-bip39.js"></script>
+        <script src="js/wordlist_english.js"></script>
+        <script src="js/jsbip39.js"></script>
+        <script src="js/index.js"></script>
     </body>
 </html>