From ca61128a3ffa136d88aa885b795fe2d4a61ae2fe Mon Sep 17 00:00:00 2001
From: Eric Cornelissen <ericornelissen@gmail.com>
Date: Wed, 14 Mar 2018 22:13:50 +0100
Subject: [PATCH] Add banner when JavaScript is disabled

As requested in #224, added a banner to the website when JavaScript is
disabled using <noscript>.
---
 site/layouts/partials/nav.html | 1 +
 site/static/css/custom.css     | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/site/layouts/partials/nav.html b/site/layouts/partials/nav.html
index 298dd88..82c334a 100644
--- a/site/layouts/partials/nav.html
+++ b/site/layouts/partials/nav.html
@@ -1,5 +1,6 @@
 {{ "<!-- NAVIGATION -->" | safeHTML }}
 <nav id="mainNav" class="navbar navbar-default navbar-fixed-top affix">
+    <noscript><b>Warning:</b> Interactive features will not work with JavaScript disabled</noscript>
     <div class="container-fluid">
         {{ "<!-- Brand and toggle get grouped for better mobile display -->" | safeHTML }}
         <div class="navbar-header">
diff --git a/site/static/css/custom.css b/site/static/css/custom.css
index 14fba19..0c0fb51 100644
--- a/site/static/css/custom.css
+++ b/site/static/css/custom.css
@@ -12,6 +12,14 @@ blockquote p {
 .btn {
   white-space: normal; /* wrap button words */
 }
+noscript {
+  background-color: #fcf8e3;
+  border-bottom: 1px solid #faebcc;
+  color: #8a6d3b;
+  display: block;
+  padding: 6px 12px;
+  text-align: center;
+}
 
 /* SUBPAGES */
 .subpage {