From a2afafa0889ceb476047f69b19dd641b36ce487e Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@yarmo.eu>
Date: Sun, 10 Jan 2021 15:11:44 +0100
Subject: [PATCH] Add noscript block

---
 static/styles.css | 12 ++++++++++++
 views/encrypt.pug |  3 +++
 views/profile.pug |  2 ++
 views/proofs.pug  |  3 +++
 views/verify.pug  |  3 +++
 5 files changed, 23 insertions(+)

diff --git a/static/styles.css b/static/styles.css
index 815bca4..1138810 100644
--- a/static/styles.css
+++ b/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;
diff --git a/views/encrypt.pug b/views/encrypt.pug
index cd1b4f6..1ee7aa4 100644
--- a/views/encrypt.pug
+++ b/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
diff --git a/views/profile.pug b/views/profile.pug
index a8546d2..83c02f4 100644
--- a/views/profile.pug
+++ b/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}
diff --git a/views/proofs.pug b/views/proofs.pug
index 8e22f37..d61034c 100644
--- a/views/proofs.pug
+++ b/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
diff --git a/views/verify.pug b/views/verify.pug
index 7db1a6f..cdf898a 100644
--- a/views/verify.pug
+++ b/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