diff options
author | Ian Coleman <coleman.ian@gmail.com> | 2016-10-05 12:47:37 +1100 |
---|---|---|
committer | Ian Coleman <coleman.ian@gmail.com> | 2016-10-05 12:48:29 +1100 |
commit | b0818b31e6e21e12303b0e5a6dd8dc81c1331409 (patch) | |
tree | ac91ffb07ad167934ad0f433d9139be6d6619220 | |
parent | b0fb45b9f170f415826608379abf3a9b636c10a8 (diff) | |
download | BIP39-b0818b31e6e21e12303b0e5a6dd8dc81c1331409.tar.gz BIP39-b0818b31e6e21e12303b0e5a6dd8dc81c1331409.tar.zst BIP39-b0818b31e6e21e12303b0e5a6dd8dc81c1331409.zip |
Generate button moved for simpler user experience
-rw-r--r-- | bip39-standalone.html | 43 | ||||
-rw-r--r-- | src/index.html | 43 |
2 files changed, 50 insertions, 36 deletions
diff --git a/bip39-standalone.html b/bip39-standalone.html index 7b14513..0971c12 100644 --- a/bip39-standalone.html +++ b/bip39-standalone.html | |||
@@ -44,6 +44,11 @@ | |||
44 | box-shadow: inset 0 1px 1px rgba(0,0,0,.0); | 44 | box-shadow: inset 0 1px 1px rgba(0,0,0,.0); |
45 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); | 45 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); |
46 | } | 46 | } |
47 | .strength { | ||
48 | /* override mobile width from bootstrap */ | ||
49 | width: auto!important; | ||
50 | display: inline-block; | ||
51 | } | ||
47 | </style> | 52 | </style> |
48 | </head> | 53 | </head> |
49 | <body> | 54 | <body> |
@@ -61,29 +66,31 @@ | |||
61 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p> | 66 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p> |
62 | </div> | 67 | </div> |
63 | <div class="form-group"> | 68 | <div class="form-group"> |
64 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> | 69 | <label class="col-sm-2 control-label"></label> |
65 | <div class="col-sm-10"> | 70 | <div class="col-sm-10"> |
66 | <textarea id="phrase" class="phrase form-control"></textarea> | 71 | <div class="form-inline"> |
72 | <div class="input-group-inline"> | ||
73 | <button class="btn generate">Generate</button> | ||
74 | <span>a random</span> | ||
75 | <select id="strength" class="strength form-control"> | ||
76 | <option value="3">3</option> | ||
77 | <option value="6">6</option> | ||
78 | <option value="9">9</option> | ||
79 | <option value="12">12</option> | ||
80 | <option value="15" selected>15</option> | ||
81 | <option value="18">18</option> | ||
82 | <option value="21">21</option> | ||
83 | <option value="24">24</option> | ||
84 | </select> | ||
85 | word mnemonic, or enter your own below. | ||
86 | </div> | ||
87 | </div> | ||
67 | </div> | 88 | </div> |
68 | </div> | 89 | </div> |
69 | <div class="form-group"> | 90 | <div class="form-group"> |
70 | <label for="strength" class="col-sm-2 control-label">Number of words</label> | 91 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> |
71 | <div class="col-sm-10"> | 92 | <div class="col-sm-10"> |
72 | <div class="input-group"> | 93 | <textarea id="phrase" class="phrase form-control"></textarea> |
73 | <select id="strength" class="strength form-control"> | ||
74 | <option value="3">3</option> | ||
75 | <option value="6">6</option> | ||
76 | <option value="9">9</option> | ||
77 | <option value="12">12</option> | ||
78 | <option value="15" selected>15</option> | ||
79 | <option value="18">18</option> | ||
80 | <option value="21">21</option> | ||
81 | <option value="24">24</option> | ||
82 | </select> | ||
83 | <span class="input-group-btn"> | ||
84 | <button class="btn generate">Generate Random Mnemonic</button> | ||
85 | </span> | ||
86 | </div> | ||
87 | </div> | 94 | </div> |
88 | </div> | 95 | </div> |
89 | <div class="form-group"> | 96 | <div class="form-group"> |
diff --git a/src/index.html b/src/index.html index 1838587..da48748 100644 --- a/src/index.html +++ b/src/index.html | |||
@@ -40,6 +40,11 @@ | |||
40 | box-shadow: inset 0 1px 1px rgba(0,0,0,.0); | 40 | box-shadow: inset 0 1px 1px rgba(0,0,0,.0); |
41 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); | 41 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); |
42 | } | 42 | } |
43 | .strength { | ||
44 | /* override mobile width from bootstrap */ | ||
45 | width: auto!important; | ||
46 | display: inline-block; | ||
47 | } | ||
43 | </style> | 48 | </style> |
44 | </head> | 49 | </head> |
45 | <body> | 50 | <body> |
@@ -57,29 +62,31 @@ | |||
57 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p> | 62 | <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p> |
58 | </div> | 63 | </div> |
59 | <div class="form-group"> | 64 | <div class="form-group"> |
60 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> | 65 | <label class="col-sm-2 control-label"></label> |
61 | <div class="col-sm-10"> | 66 | <div class="col-sm-10"> |
62 | <textarea id="phrase" class="phrase form-control"></textarea> | 67 | <div class="form-inline"> |
68 | <div class="input-group-inline"> | ||
69 | <button class="btn generate">Generate</button> | ||
70 | <span>a random</span> | ||
71 | <select id="strength" class="strength form-control"> | ||
72 | <option value="3">3</option> | ||
73 | <option value="6">6</option> | ||
74 | <option value="9">9</option> | ||
75 | <option value="12">12</option> | ||
76 | <option value="15" selected>15</option> | ||
77 | <option value="18">18</option> | ||
78 | <option value="21">21</option> | ||
79 | <option value="24">24</option> | ||
80 | </select> | ||
81 | word mnemonic, or enter your own below. | ||
82 | </div> | ||
83 | </div> | ||
63 | </div> | 84 | </div> |
64 | </div> | 85 | </div> |
65 | <div class="form-group"> | 86 | <div class="form-group"> |
66 | <label for="strength" class="col-sm-2 control-label">Number of words</label> | 87 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> |
67 | <div class="col-sm-10"> | 88 | <div class="col-sm-10"> |
68 | <div class="input-group"> | 89 | <textarea id="phrase" class="phrase form-control"></textarea> |
69 | <select id="strength" class="strength form-control"> | ||
70 | <option value="3">3</option> | ||
71 | <option value="6">6</option> | ||
72 | <option value="9">9</option> | ||
73 | <option value="12">12</option> | ||
74 | <option value="15" selected>15</option> | ||
75 | <option value="18">18</option> | ||
76 | <option value="21">21</option> | ||
77 | <option value="24">24</option> | ||
78 | </select> | ||
79 | <span class="input-group-btn"> | ||
80 | <button class="btn generate">Generate Random Mnemonic</button> | ||
81 | </span> | ||
82 | </div> | ||
83 | </div> | 90 | </div> |
84 | </div> | 91 | </div> |
85 | <div class="form-group"> | 92 | <div class="form-group"> |