From 1c39971be5133c7847e46815993ca2fac4f3fbc3 Mon Sep 17 00:00:00 2001 From: John Shaver Date: Tue, 21 Aug 2018 13:10:18 -0700 Subject: [PATCH] Added styling to key/cert page. --- .../HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2 | Bin 0 -> 13172 bytes app/index.html | 125 ++++++------ app/js/app.js | 13 +- app/styles/main.css | 183 ++++++++++-------- 4 files changed, 172 insertions(+), 149 deletions(-) create mode 100644 app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2 diff --git a/app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2 b/app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..68170193153df9f171da35e9de8809b4c28593b9 GIT binary patch literal 13172 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 z @@ -163,70 +170,60 @@
- -

Upload this file

- -
-
-
-
-
FILENAME
-
...loading
+
+

Upload this file

+
+
+
+
FILENAME
+ 
...loading
+
+
+
+
CONTENTS
+ 
...loading
+
-
-
-
CONTENTS
-
...loading
+
+ + + + + Download +
+

To this location

+
..loading
-
- - - - - Download - +
+
Hostname
+
loading...
+
TXT Host
+
loading...
+
TXT Value
+
loading...
-

To this location

-
..loading
-
- - - - - - - - - - - - - - - -
HostnameTXT HostTXT Value
example.com_acme-challenge.example.com4A54
-
-
-

Verify Wildcard Domains

+
+

Verify Wildcard Domains

- - - - - - - - - - - - - - - -
HostnameTXT HostTXT Value
example.com_acme-challenge.example.com4A54
+ + + + + + + + + + + + + + + +
HostnameTXT HostTXT Value
example.com_acme-challenge.example.com4A54
+
@@ -264,12 +261,16 @@

- +
+
+ 
+
- -

- +
+
+ 
+
diff --git a/app/js/app.js b/app/js/app.js index 20eb382..de8c908 100644 --- a/app/js/app.js +++ b/app/js/app.js @@ -51,12 +51,14 @@ steps[j].submit(ev); } + $qsa('.js-acme-form').forEach(function ($el) { $el.addEventListener('submit', function (ev) { ev.preventDefault(); submitForm(ev); }); }); + function updateChallengeType() { var input = this || Array.prototype.filter.call( $qsa('.js-acme-challenge-type'), function ($el) { return $el.checked; } @@ -273,8 +275,11 @@ } else if(obj[data.type]) { obj[data.type].push(data); + if ('dns-01' === data.type) { - $qs(map[data.type]).innerHTML += '' + data.hostname + '' + data.dnsHost + '' + data.dnsAnswer + ''; + $qs("#js-acme-ver-hostname").innerHTML = data.hostname; + $qs("#js-acme-ver-txt-host").innerHTML = data.dnsHost; + $qs("#js-acme-ver-txt-value").innerHTML = data.dnsAnswer; } else if ('http-01' === data.type) { $qs("#js-acme-ver-file-location").innerHTML = data.httpPath.split("/").slice(-1); $qs("#js-acme-ver-content").innerHTML = data.httpAuth; @@ -465,7 +470,7 @@ }).then(function (certs) { console.log('WINNING!'); console.log(certs); - $qs('.js-fullchain').value = certs; + $qs('#js-fullchain').innerHTML = certs; // https://stackoverflow.com/questions/40314257/export-webcrypto-key-to-pem-format function spkiToPEM(keydata){ @@ -524,7 +529,7 @@ return window.crypto.subtle.exportKey("pkcs8", privateKey); }).then (function (keydata) { var pem = spkiToPEM(keydata); - $qs('.js-privkey').value = pem; + $qs('#js-privkey').innerHTML = pem; steps[i](); }).catch(function(err){ console.error(err); @@ -552,6 +557,8 @@ ele.checked = true; } }); + + updateApiType(); steps[2](); submitForm(); } diff --git a/app/styles/main.css b/app/styles/main.css index 4fa5476..934cbd3 100644 --- a/app/styles/main.css +++ b/app/styles/main.css @@ -1,79 +1,114 @@ +body { + font-size: 18px; + font-family: Source Sans Pro, sans-serif; + margin: 0; + line-height: 1.33; + color: #1a1a1a; +} + +h1 { + text-align: center; + font-size: 1.77777778em; +} + +a { + color: #1a1a1a; +} + +input[type=email], input[type=text] { + font-size: 1em; + padding: 0.444444444em 0.888889em; + width: 100%; + border: solid 1px #d9d9d9; + border-radius: 2px; +} + +pre { + margin: 0; + font-family: Source Code Pro, monospace; +} + .column-row { - width: 22.222222em; + width: 22.222222em; } .column-container { - display: flex; - flex-direction: column; - align-items: center; + display: flex; + flex-direction: column; + align-items: center; } .progress-bar { - height: 0; - border: solid 1px #5bc17f; - background-color: #5bc17f; - display: flex; - justify-content: space-between; - align-items: center; - width: 22em; - margin: 1.388888889em auto; + height: 0; + border: solid 1px #5bc17f; + background-color: #5bc17f; + display: flex; + justify-content: space-between; + align-items: center; + width: 22em; + margin: 1.388888889em auto; } .greenlock-logo-badge > img { - width: 100%; + width: 100%; } .greenlock-logo-badge { - display: inline-block; - border: solid 1px #d9d9d9; - border-radius: 500px; - width: 5.333333333em; - height: 5.333333333em; - margin-top: 4.277777778em; + display: inline-block; + border: solid 1px #d9d9d9; + border-radius: 500px; + width: 5.333333333em; + height: 5.333333333em; + margin-top: 4.277777778em; } .header-row { - text-align: center; + text-align: center; } -.progress-bar-step {position: relative;margin: -0.722222222em -0.166666667em;display: inline-block;background-color: white;/* border-radius: 100%; */padding: 0 0.111111em;} +.progress-bar-step { + position: relative; + margin: -0.722222222em -0.166666667em; + display: inline-block; + background-color: white; + /* border-radius: 100%; */ + padding: 0 0.111111em; +} .progress-bar-step > .circle { - content: ""; - display: inline-block; - border: solid 0.111111111em #5bc17f; - width: 0.888888889em; - height: 0.888888889em; - border-radius: 100%; - background: white; + content: ""; + display: inline-block; + border: solid 0.111111111em #5bc17f; + width: 0.888888889em; + height: 0.888888889em; + border-radius: 100%; + background: white; } .progress-step-label { - text-align: center; - position: absolute; - left: 50%; - =: block - font-size:; - top: 139%; - font-size: 0.722222222em; - white-space: nowrap; + text-align: center; + position: absolute; + left: 50%; + =: block font-size: ; + top: 139%; + font-size: 0.722222222em; + white-space: nowrap; } .progress-step-label > div { - position: relative; - right: 50%; + position: relative; + right: 50%; } -body { - font-size: 18px; - font-family: Source Sans Pro, sans-serif; - margin: 0; - line-height: 1.33; - color: #1a1a1a; +.greenlock-name { + color: #808080; } -.greenlock-name { - color: #808080; +.file-preview { + background: #f7f7f7; + position: relative; + font-size: 0.833333333em; + padding: 1.6em 2.9333em 1.6em 1.6em; } .js-progress-step-complete > .circle, .js-progress-step-started > .circle { @@ -86,22 +121,6 @@ body { display: initial; } -svg {} - -.js-progress-step-complete > .circle {} - -h1 { - font-size: 1.77777778em; -} - -input[type=email], input[type=text] { - font-size: 1em; - padding: 0.444444444em 0.888889em; - width: 100%; - border: solid 1px #d9d9d9; - border-radius: 2px; -} - .checkbox-array { display: flex; flex-direction: column; @@ -120,7 +139,6 @@ input[type=email], input[type=text] { display: initial; } - .checkbox-array input[type=checkbox]:checked ~ .icon-checked-box { display: initial; } @@ -142,10 +160,6 @@ input[type=email], input[type=text] { margin: 0.4em 0; } -a { - color: #1a1a1a; -} - .email-usage { color: #666666; font-size: 0.833333333em; @@ -177,10 +191,6 @@ a { display: none; } -table.js-acme-table-http-01, table.js-acme-table-dns-01 { - margin-left: -14em; -} - .download-ver-file svg { fill: #5bc17f; width: 1.333333333em; @@ -190,24 +200,16 @@ table.js-acme-table-http-01, table.js-acme-table-dns-01 { color: #5bc17f; } -.download-ver-file { -} - .mdicon { position: relative; top: 0.4em; } .http-verification-info { - background: #f7f7f7; - position: relative; - font-size: 0.833333333em; - padding: 1.6em 6.933333333em 1.6em 1.6em; - word-break: break-all; - text-align: start; + padding-right: 6.933333333em; } -.file-ver-corner-fold { +.paper-fold { position: absolute; width: 2em; height: 2em; @@ -232,6 +234,19 @@ table.js-acme-table-http-01, table.js-acme-table-dns-01 { margin: auto; } -h1 { - text-align: center; -} \ No newline at end of file +.acme-ver-dns-label { + margin: 1.777777778em 0 0.444444444em 0; + border-bottom: solid 1px #d9d9d9; + font-weight: bold; + padding-bottom: 0.166666667em; +} + +.tabbed-selector input[type="radio"]:checked ~ div { + border: solid 1px #5bc17f; + background-color: #5bc17f; +} + +.file-preview pre { + white-space: pre-line; + word-break: break-all; +}