From 43f0fe9faab4064f19c3c97abe1e8e75604c0931 Mon Sep 17 00:00:00 2001
From: John Shaver <john@jshaver.net>
Date: Thu, 26 Jul 2018 14:12:33 -0700
Subject: [PATCH] Added Javascript needed warning.

---
 index.html      |  4 +++-
 js/app.js       |  2 ++
 styles/main.css | 12 +++++++++++-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 987c3c4..23d1e49 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,9 @@
         <h1>Get the green lock for your website</h1>
       </div>
       <div class="column-row">
-        <!-- Step 1 Choose Domain(s) -->
+        <div class="js-javascript-warning">
+          Greenlock will process the CSR in the browser and request the certificates directly from letsencrypt.org.  Please enable Javascript before continuing.
+        </div>
         <form id="js-acme-form" action="./app/" method=>
           <div class="domain-psuedo-input">
             <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>
diff --git a/js/app.js b/js/app.js
index c1f9a1c..bab617d 100644
--- a/js/app.js
+++ b/js/app.js
@@ -4,6 +4,8 @@
   var $qs = function (s) { return window.document.querySelector(s); };
   var $qsa = function (s) { return window.document.querySelectorAll(s); };
 
+  $qs('.js-javascript-warning').hidden = true;
+
   var apiUrl = 'https://acme-{{env}}.api.letsencrypt.org/directory';
   function updateApiType() {
     var formData = new FormData($qs("#js-acme-form"));
diff --git a/styles/main.css b/styles/main.css
index e7d11e8..43dda6b 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -102,4 +102,14 @@ body.js-app-ready {
 
 .acme-advanced-fields > * {
   margin: 0 0.5em;
-}
\ No newline at end of file
+}
+
+.js-javascript-warning {
+  border: solid 1px red;
+  background-color: #ffc0cb40;
+  border-radius: 2px;
+  margin: 0.6em;
+  padding: 0.5em 1em;
+  width: 30em;
+ }
+ 
\ No newline at end of file