Browse Source

Added Javascript needed warning.

master
John Shaver 1 year ago
parent
commit
43f0fe9faa
3 changed files with 16 additions and 2 deletions
  1. 3
    1
      index.html
  2. 2
    0
      js/app.js
  3. 11
    1
      styles/main.css

+ 3
- 1
index.html View File

@@ -45,7 +45,9 @@
45 45
         <h1>Get the green lock for your website</h1>
46 46
       </div>
47 47
       <div class="column-row">
48
-        <!-- Step 1 Choose Domain(s) -->
48
+        <div class="js-javascript-warning">
49
+          Greenlock will process the CSR in the browser and request the certificates directly from letsencrypt.org.  Please enable Javascript before continuing.
50
+        </div>
49 51
         <form id="js-acme-form" action="./app/" method=>
50 52
           <div class="domain-psuedo-input">
51 53
             <span class="secure-green">Secure</span> | <span class="secure-green">https:</span>//<input aria-label="domains to secure" id="acme-domains" type="text" name="acme-domains" placeholder="Your domain name" required>

+ 2
- 0
js/app.js View File

@@ -4,6 +4,8 @@
4 4
   var $qs = function (s) { return window.document.querySelector(s); };
5 5
   var $qsa = function (s) { return window.document.querySelectorAll(s); };
6 6
 
7
+  $qs('.js-javascript-warning').hidden = true;
8
+
7 9
   var apiUrl = 'https://acme-{{env}}.api.letsencrypt.org/directory';
8 10
   function updateApiType() {
9 11
     var formData = new FormData($qs("#js-acme-form"));

+ 11
- 1
styles/main.css View File

@@ -102,4 +102,14 @@ body.js-app-ready {
102 102
 
103 103
 .acme-advanced-fields > * {
104 104
   margin: 0 0.5em;
105
-}
105
+}
106
+
107
+.js-javascript-warning {
108
+  border: solid 1px red;
109
+  background-color: #ffc0cb40;
110
+  border-radius: 2px;
111
+  margin: 0.6em;
112
+  padding: 0.5em 1em;
113
+  width: 30em;
114
+ }
115
+ 

Loading…
Cancel
Save