add noscript command interface

3 files changed, 18 insertions, 3 deletions

diff --git a/app.js b/app.js
index 5a35abe..b6e7bfc 100644
--- a/app.js
+++ b/app.js
@@ -3,7 +3,7 @@
   let isLoading = 0;
   let loading = (val) => {
     isLoading = val;
-    loader.$cls(isLoading ? "" : "hidden");
+    loader.$cls(isLoading ? "" : "hide");
   }
   loader.$click(() => loading(0));
 
diff --git a/index.html b/index.html
index 0915708..87abea0 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,18 @@
   <div class="container">
     <header><big>🛠️ WebIF 2.0</big></header>
     <div id="app"></div>
+    <noscript>
+        <main>
+          <form action="/cgi-bin/cmd" method="post" enctype="text/plain">
+            <textarea name="-">--- KEEP THIS, WRITE COMMANDS BELOW THE LINE ---
+</textarea>
+            <br>
+            <input type="submit" value="Send">
+          </form>
+      </main>
+    </noscript>
   </div>
-  <div id="loader" title="click to hide">
+  <div id="loader" title="click to hide" class="hide">
     <div>
       <div class="loadspin"></div>
       <p>Loading...</p>
diff --git a/style.css b/style.css
index b14c105..39b60fd 100644
--- a/style.css
+++ b/style.css
@@ -126,7 +126,7 @@ table td.title {
   align-content: center;
   background: rgba(0,0,0,0.05);
 }
-#loader.hidden {
+#loader.hide {
   display: none;
 }
 
@@ -169,3 +169,8 @@ table td.title {
 .center {
   text-align: center;
 }
+
+noscript textarea {
+  min-width: 400px;
+  min-height: 300px;
+}