Add noscript block

static/styles.css

@@ -361,6 +361,18 @@ a.proofQR:hover {
     margin: 32px auto;
 }
 
+noscript {
+    display: block;
+    margin-bottom: 2rem;
+    padding: 8px;
+    background-color: #f0e68c;
+    text-align: center;
+}
+noscript p {
+    margin: 0;
+    font-size: 1rem;
+}
+
 @media (max-width: 680px) {
     #profileHeader {
         flex-direction: column;

views/encrypt.pug

@@ -2,6 +2,9 @@ extends template.base.pug
 
 block content
   .content
+    noscript
+      p Keyoxide requires JavaScript to function.
+      
     h1 Encrypt
     form#form-encrypt(method='post')
       h3 Recipient

views/profile.pug

@@ -8,6 +8,8 @@ head
   
 main.container.container--profile
   .content
+    noscript
+      p Keyoxide requires JavaScript to function.
     span#profileUid(style='display: none;') #{uid}
     span#profileServer(style='display: none;') #{server}
     span#profileMode(style='display: none;') #{mode}

views/proofs.pug

@@ -2,6 +2,9 @@ extends template.base.pug
 
 block content
   .content
+    noscript
+      p Keyoxide requires JavaScript to function.
+    
     h1 Proofs
     form#form-proofs(method='post')
       h3 Public key

views/verify.pug

@@ -2,6 +2,9 @@ extends template.base.pug
 
 block content
   .content
+    noscript
+      p Keyoxide requires JavaScript to function.
+    
     h1 Verify
     form#form-verify(method='post')
       h3 Signer