+ <div class="form-inline">
+ <div class="input-group-inline">
+ <span>Generate a random mnemonic, or enter your own below</span>:
+ <button class="btn generate">Generate</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</span>
+ </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 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 col-sm-9 form-control-static"></div>
+ <label class="col-sm-3 control-label">Raw Binary</label>
+ <div class="binary 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</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>
+ </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>
+ </div>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-sm-2"></div>
+ <div class="col-sm-10 checkbox">
+ <label>
+ <input type="checkbox" class="use-entropy">
+ <span>Supply my own source of entropy</span>
+ </label>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-2 control-label">Mnemonic Language</label>
+ <div class="col-sm-10 languages">
+ <div class="form-control no-border">
+ <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>