aboutsummaryrefslogtreecommitdiff
path: root/src/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html98
1 files changed, 47 insertions, 51 deletions
diff --git a/src/index.html b/src/index.html
index dd49de6..cb4c23d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -43,7 +43,7 @@
43 .phrase { 43 .phrase {
44 word-break: keep-all; 44 word-break: keep-all;
45 } 45 }
46 .strength { 46 .generate-container .strength {
47 /* override mobile width from bootstrap */ 47 /* override mobile width from bootstrap */
48 width: auto!important; 48 width: auto!important;
49 display: inline-block; 49 display: inline-block;
@@ -54,6 +54,13 @@
54 .monospace { 54 .monospace {
55 font-family: monospace; 55 font-family: monospace;
56 } 56 }
57 .entropy-container .filtered,
58 .entropy-container .binary {
59 word-wrap: break-word;
60 }
61 .entropy-container li {
62 padding-bottom: 5px;
63 }
57 </style> 64 </style>
58 </head> 65 </head>
59 <body> 66 <body>
@@ -95,58 +102,36 @@
95 </div> 102 </div>
96 </div> 103 </div>
97 <div class="entropy-container hidden"> 104 <div class="entropy-container hidden">
98 <div class="form-group"> 105 <div class="form-group text-danger">
99 <label for="entropy" class="col-sm-2 control-label">Entropy</label> 106 <label class="col-sm-2 control-label">Warning</label>
100 <div class="col-sm-6"> 107 <div class="col-sm-10 form-control-static">
101 <textarea id="entropy" rows="6" class="entropy form-control" placeholder="Accepts binary, base 6, 6-sided dice, base 10, hexadecimal, cards"></textarea> 108 Entropy is an advanced feature.
102 <span class="help-block"> 109 Your mnemonic may be insecure if this feature is used incorrectly.
103 <div class="text-danger"> 110 <a href="#entropy-notes">Read more</a>
104 This is an advanced feature.
105 Your mnemonic may be insecure if this feature is used incorrectly.
106 <a href="#entropy-notes">Read more</a>
107 </div>
108 </span>
109 </div>
110 <div class="pull-right col-sm-4">
111 <p>Valid entropy values include:</p>
112 <ul>
113 <li>Binary: [0-1] eg 101010011</li>
114 <li>Base 6: [0-5] eg 123434014</li>
115 <li>Dice: [1-6] eg 62535634</li>
116 <li>Base 10: [0-9] eg 90834528</li>
117 <li>Hex: [0-9A-F] eg 4187a8bfd9</li>
118 <li>Card: [A2-9TJQK][CDHS] eg AHQS9DTC</li>
119 </ul>
120 </div> 111 </div>
121 </div> 112 </div>
122 <div class="entropy-feedback"> 113 <div class="form-group">
123 <div class="form-group"> 114 <label for="entropy" class="col-sm-2 control-label">Entropy</label>
124 <label class="col-sm-2 control-label">Filtered</label> 115 <div class="col-sm-7">
125 <div class="filtered col-sm-10 form-control-static"></div> 116 <textarea id="entropy" rows="2" class="entropy form-control" placeholder="Accepts binary, base 6, 6-sided dice, base 10, hexadecimal, cards"></textarea>
126 </div> 117 <label class="col-sm-3 control-label">Strength</label>
127 <div class="form-group"> 118 <div class="strength col-sm-3 form-control-static"></div>
128 <label class="col-sm-2 control-label">Type</label> 119 <label class="col-sm-3 control-label">Event Count</label>
129 <div class="type col-sm-10 form-control-static"></div> 120 <div class="event-count col-sm-3 form-control-static"></div>
130 </div> 121 <label class="col-sm-3 control-label">Entropy Type</label>
131 <div class="form-group"> 122 <div class="type col-sm-3 form-control-static"></div>
132 <label class="col-sm-2 control-label">Strength</label> 123 <label class="col-sm-3 control-label">Bits Per Event</label>
133 <div class="strength col-sm-10 form-control-static"></div> 124 <div class="bits-per-event col-sm-3 form-control-static"></div>
134 </div> 125 <label class="col-sm-3 control-label">Word Count</label>
135 <div class="form-group"> 126 <div class="word-count col-sm-3 form-control-static"></div>
136 <label class="col-sm-2 control-label">Event Count</label> 127 <label class="col-sm-3 control-label">Total Bits</label>
137 <div class="event-count col-sm-10 form-control-static"></div> 128 <div class="bits col-sm-3 form-control-static"></div>
138 </div> 129 <label class="col-sm-3 control-label">Filtered Entropy</label>
139 <div class="form-group"> 130 <div class="filtered col-sm-9 form-control-static"></div>
140 <label class="col-sm-2 control-label">Bits Per Event</label> 131 <label class="col-sm-3 control-label">Raw Binary</label>
141 <div class="bits-per-event col-sm-10 form-control-static"></div> 132 <div class="binary col-sm-9 form-control-static"></div>
142 </div> 133 <label class="col-sm-3 control-label">Mnemonic Length</label>
143 <div class="form-group"> 134 <div class="col-sm-9">
144 <label class="col-sm-2 control-label">Bits</label>
145 <div class="bits col-sm-10 form-control-static"></div>
146 </div>
147 <div class="form-group">
148 <label class="col-sm-2 control-label">Mnemonic Length</label>
149 <div class="col-sm-10">
150 <select class="mnemonic-length form-control"> 135 <select class="mnemonic-length form-control">
151 <option value="raw">From entropy length (3 words per 32 bits)</option> 136 <option value="raw">From entropy length (3 words per 32 bits)</option>
152 <option value="12">12 Words</option> 137 <option value="12">12 Words</option>
@@ -157,6 +142,17 @@
157 </select> 142 </select>
158 </div> 143 </div>
159 </div> 144 </div>
145 <div class="col-sm-3">
146 <p>Valid entropy values include:</p>
147 <ul>
148 <li><strong>Binary</strong> [0-1]<br>101010011</li>
149 <li><strong>Base 6</strong> [0-5]<br>123434014</li>
150 <li><strong>Dice</strong> [1-6]<br>62535634</li>
151 <li><strong>Base 10</strong> [0-9]<br>90834528</li>
152 <li><strong>Hex</strong> [0-9A-F]<br>4187a8bfd9</li>
153 <li><strong>Card</strong> [A2-9TJQK][CDHS]<br>ahqs9dtc</li>
154 </ul>
155 </div>
160 </div> 156 </div>
161 </div> 157 </div>
162 <div class="form-group"> 158 <div class="form-group">