]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/blobdiff - src/index.html
Multiple language functionality added
[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
index ea7096cd9ba4146e4ed78f2f5d20cb6cfc8b9db6..56d73e62e11753b3b95f35af3875e4601e232564 100644 (file)
@@ -7,7 +7,7 @@
         <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" />
-        <meta content="DC POS" name="author" />
+        <meta content="Ian Coleman" name="author" />
 
         <style>
             body {
                 box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
                 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
             }
+            .phrase {
+                word-break: keep-all;
+            }
+            .strength {
+                /* override mobile width from bootstrap */
+                width: auto!important;
+                display: inline-block;
+            }
+            .languages a {
+                padding-left: 10px;
+            }
         </style>
     </head>
     <body>
                             <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p>
                         </div>
                         <div class="form-group">
-                            <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label>
+                            <label class="col-sm-2 control-label"></label>
                             <div class="col-sm-10">
-                                <textarea id="phrase" class="phrase form-control"></textarea>
+                                <div class="form-inline">
+                                    <div class="input-group-inline">
+                                        <button class="btn generate">Generate</button>
+                                        <span>a random</span>
+                                        <select id="strength" class="strength form-control">
+                                            <option value="3">3</option>
+                                            <option value="6">6</option>
+                                            <option value="9">9</option>
+                                            <option value="12">12</option>
+                                            <option value="15" selected>15</option>
+                                            <option value="18">18</option>
+                                            <option value="21">21</option>
+                                            <option value="24">24</option>
+                                        </select>
+                                        word mnemonic, or enter your own below.
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                            <div class="form-group">
+                            <label class="col-sm-2 control-label"></label>
+                            <div class="col-sm-10 languages">
+                                <a href="#english">English</a>
+                                <a href="#japanese" title="Japanese">日本語</a>
+                                <a href="#spanish"  title="Spanish">Español</a>
+                                <a href="#chinese_simplified"  title="Chinese (Simplified)">中文(简体)</a>
+                                <a href="#chinese_traditional"  title="Chinese (Traditional)">中文(繁體)</a>
+                                <a href="#french"  title="French">Français</a>
+                                <a href="#italian"  title="Italian">Italiano</a>
                             </div>
                         </div>
                         <div class="form-group">
-                            <label for="strength" class="col-sm-2 control-label">Number of words</label>
+                            <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label>
                             <div class="col-sm-10">
-                                <div class="input-group">
-                                    <select id="strength" class="strength form-control">
-                                        <option value="3">3</option>
-                                        <option value="6">6</option>
-                                        <option value="9">9</option>
-                                        <option value="12">12</option>
-                                        <option value="15" selected>15</option>
-                                        <option value="18">18</option>
-                                        <option value="21">21</option>
-                                        <option value="24">24</option>
-                                    </select>
-                                    <span class="input-group-btn">
-                                        <button class="btn generate">Generate Random Mnemonic</button>
-                                    </span>
-                                </div>
+                                <textarea id="phrase" class="phrase form-control"></textarea>
                             </div>
                         </div>
                         <div class="form-group">
                                         </p>
                                     </div>
                                 </div>
+                                <div class="form-group">
+                                    <label class="col-sm-2 control-label">Block Explorers</label>
+                                    <div class="col-sm-10">
+                                        <p class="form-control no-border">
+                                        Use path <code>m/44'/0'/0'</code>.
+                                        Only enter the <code>xpub</code> extended key into block explorer search fields, never the <code>xpriv</code> key.
+                                        </p>
+                                    </div>
+                                </div>
                             </form>
                         </div>
                     </div>
                     </p>
                     <p>
                     Alternatively, download it from
-                    <a href="https://github.com/dcpos/bip39">
-                        https://github.com/dcpos/bip39
+                    <a href="https://github.com/iancoleman/bip39">
+                        https://github.com/iancoleman/bip39
                     </a>
 
                 </div>
 
                     <p>
                         <span>Get the source code at - </span>
-                        <a href="https://github.com/dcpos/bip39" target="_blank">
-                            https://github.com/dcpos/bip39
+                        <a href="https://github.com/iancoleman/bip39" target="_blank">
+                            https://github.com/iancoleman/bip39
                         </a>
                     </p>
 
         <script src="js/bitcoinjs-extensions.js"></script>
         <script src="js/sjcl-bip39.js"></script>
         <script src="js/wordlist_english.js"></script>
+        <script src="js/wordlist_japanese.js"></script>
+        <script src="js/wordlist_spanish.js"></script>
+        <script src="js/wordlist_chinese_simplified.js"></script>
+        <script src="js/wordlist_chinese_traditional.js"></script>
+        <script src="js/wordlist_french.js"></script>
+        <script src="js/wordlist_italian.js"></script>
         <script src="js/jsbip39.js"></script>
         <script src="js/index.js"></script>
     </body>