+ <div class="form-inline">
+ <div class="input-group-inline">
+ <span>Generate a random mnemonic</span>:
+ <button class="btn generate" ><b>GENERATE</b></button>
+ <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>words, or enter your own below</span>.
+ <p class="warning help-block hidden">
+ <span class="text-danger">
+ Mnemonics with less than 12 words have low entropy and may be guessed by an attacker.
+ </span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="entropy-container hidden">
+ <div class="form-group text-danger">
+ <label class="col-sm-2 control-label">Warning</label>
+ <div class="col-sm-10 form-control-static">
+ <span>Entropy is an advanced feature. Your mnemonic may be insecure if this feature is used incorrectly.</span>
+ <a href="#entropy-notes">Read more</a>
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="entropy" class="col-sm-2 control-label">Entropy</label>
+ <div class="col-sm-7">
+ <textarea id="entropy" rows="2" class="entropy private-data form-control" placeholder="Accepts either binary, base 6, 6-sided dice, base 10, hexadecimal or cards"></textarea>
+ <div class="row filter-warning text-danger hidden">
+ <p class="col-sm-12">
+ <strong>
+ Some characters have been discarded
+ </strong>
+ </p>
+ </div>
+ <div class="row">
+ <label class="col-sm-3 control-label"><span class="more-info" title="Based on estimates from zxcvbn using Filtered Entropy">Time To Crack</span></label>
+ <div class="crack-time 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">Raw Entropy Words</label>
+ <div class="word-count col-sm-3 form-control-static"></div>
+ <label class="col-sm-3 control-label"><span class="more-info" title="Total bits of entropy may be less than indicated if any entropy event uses a weak source.">Total Bits</span></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 private-data col-sm-9 form-control-static"></div>
+ <label class="col-sm-3 control-label">Raw Binary</label>
+ <div class="binary private-data col-sm-9 form-control-static"></div>
+ <label class="col-sm-3 control-label">Binary Checksum</label>
+ <div class="checksum private-data col-sm-9 form-control-static"> </div>
+ <label class="col-sm-3 control-label">Word Indexes</label>
+ <div class="word-indexes private-data col-sm-9 form-control-static"> </div>
+ <label class="col-sm-3 control-label">Mnemonic Length</label>
+ <div class="col-sm-9">
+ <select class="mnemonic-length form-control">
+ <option value="raw" selected>Use Raw Entropy (3 words per 32 bits)</option>
+ <option value="12">12 <span>Words</span></option>
+ <option value="15">15 <span>Words</span></option>
+ <option value="18">18 <span>Words</span></option>
+ <option value="21">21 <span>Words</span></option>
+ <option value="24">24 <span>Words</span></option>
+ </select>
+ <p class="weak-entropy-override-warning hidden">
+ <span class="text-danger">
+ The mnemonic will appear more secure than it really is.
+ </span>
+ </p>
+ </div>
+ </div>
+ <div class="col-sm-3">
+ <p>Valid entropy values include:</p>
+ <ul>
+ <li><strong>Binary</strong> [0-1]<br>101010011</li>
+ <li><strong>Base 6</strong> [0-5]<br>123434014</li>
+ <li><strong>Dice</strong> [1-6]<br>62535634</li>
+ <li><strong>Base 10</strong> [0-9]<br>90834528</li>
+ <li><strong>Hex</strong> [0-9A-F]<br>4187a8bfd9</li>
+ <li><strong>Card</strong> [A2-9TJQK][CDHS]<br>ahqs9dtc</li>
+ </ul>