]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/blobdiff - src/index.html
Blank rows in initial table have no missing cells
[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
index cb4c23d0fc453a9bc1692d8529d1dd6c26a02569..9fa3aac12247a86e2852d5e45c66d204a20e44de 100644 (file)
             .entropy-container li {
                 padding-bottom: 5px;
             }
+            .card-suit {
+                font-size: 19px;
+                line-height: 0;
+            }
+            .card-suit.club {
+                color: #009F00;
+            }
+            .card-suit.diamond {
+                color: #3D5DC4;
+            }
+            .card-suit.heart {
+                color: #F00;
+            }
+            .card-suit.spade {
+                color: #000;
+            }
         </style>
     </head>
     <body>
                                 <label for="entropy" class="col-sm-2 control-label">Entropy</label>
                                 <div class="col-sm-7">
                                     <textarea id="entropy" rows="2" class="entropy form-control" placeholder="Accepts binary, base 6, 6-sided dice, base 10, hexadecimal, cards"></textarea>
-                                    <label class="col-sm-3 control-label">Strength</label>
-                                    <div class="strength col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Event Count</label>
-                                    <div class="event-count col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Entropy Type</label>
-                                    <div class="type col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Bits Per Event</label>
-                                    <div class="bits-per-event col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Word Count</label>
-                                    <div class="word-count col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Total Bits</label>
-                                    <div class="bits col-sm-3 form-control-static"></div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Strength</label>
+                                        <div class="strength col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Event Count</label>
+                                        <div class="event-count col-sm-3 form-control-static"></div>
+                                    </div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Entropy Type</label>
+                                        <div class="type col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Bits Per Event</label>
+                                        <div class="bits-per-event col-sm-3 form-control-static"></div>
+                                    </div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Word Count</label>
+                                        <div class="word-count col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Total Bits</label>
+                                        <div class="bits col-sm-3 form-control-static"></div>
+                                    </div>
                                     <label class="col-sm-3 control-label">Filtered Entropy</label>
                                     <div class="filtered col-sm-9 form-control-static"></div>
                                     <label class="col-sm-3 control-label">Raw Binary</label>
                                         <select class="mnemonic-length form-control">
                                             <option value="raw">From entropy length (3 words per 32 bits)</option>
                                             <option value="12">12 Words</option>
-                                            <option value="15">15 Words</option>
+                                            <option value="15" selected>15 Words</option>
                                             <option value="18">18 Words</option>
                                             <option value="21">21 Words</option>
                                             <option value="24">24 Words</option>
                                     </label>
                                 </div>
                                 <div class="form-group">
-                                    <label class="col-sm-2 control-label">Hive Wallet</label>
+                                    <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/0'/0</code>.
-                                        For more info see the <a href="https://www.hivewallet.com/" target="_blank">Hive Wallet homepage</a>
+                                        <code>m/44'/0'/0'</code> generates extended keys for import / export.
+                                        </p>
+                                        <p class="form-control no-border">
+                                        <code>m/44'/0'/1'</code> to generate the next account. Continue incrementing for more accounts (most use a single account).
+                                        </p>
+                                        <p class="form-control no-border">
+                                        <code>m/44'/0'/0'/0</code> to generate public addresses.
+                                        </p>
+                                        <p class="form-control no-border">
+                                        <code>m/44'/0'/0'/1</code> to generate change addresses.
                                         </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>
                             </th>
                         </thead>
                         <tbody class="addresses monospace">
-                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
-                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
-                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
-                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
-                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+                            <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
                         </tbody>
                     </table>
                 </div>
         <script src="js/wordlist_french.js"></script>
         <script src="js/wordlist_italian.js"></script>
         <script src="js/jsbip39.js"></script>
+        <script src="js/biginteger.js"></script>
         <script src="js/zxcvbn.js"></script>
         <script src="js/entropy.js"></script>
         <script src="js/index.js"></script>