From 23551fc6bb9a43bb5ee50e0ea3bddad47c196cb3 Mon Sep 17 00:00:00 2001
From: Evert <imsonotsleepy@gmail.com>
Date: Wed, 3 Jan 2018 19:55:55 +0200
Subject: [PATCH] Add NoScript

---
 src/script/main.js      |  2 ++
 src/style/main.styl     | 10 ++++++++++
 views/index.pug         |  6 ++----
 views/layout.pug        |  3 +++
 views/user/settings.pug |  4 +---
 5 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/script/main.js b/src/script/main.js
index fa7cc44..5bafa62 100644
--- a/src/script/main.js
+++ b/src/script/main.js
@@ -48,6 +48,7 @@ $(document).ready(function () {
   }
 
   function loadAuthorizations () {
+    $('#clientlist').html('<span class="load"><i class="fa fa-spin fa-spinner fa-2x"></i><span>Loading list</span></span>')
     $.get({
       url: '/api/oauth2/authorized-clients',
       dataType: 'json',
@@ -185,6 +186,7 @@ $(document).ready(function () {
   }
 
   if ($('.newsfeed').length) {
+    $('.newsfeed').html('<span class="load"><i class="fa fa-spin fa-spinner fa-2x"></i><span>Loading feed</span></span>')
     $.ajax({
       type: 'get',
       url: '/api/news',
diff --git a/src/style/main.styl b/src/style/main.styl
index 92959b7..c8d41a5 100644
--- a/src/style/main.styl
+++ b/src/style/main.styl
@@ -584,6 +584,16 @@ select
             display: inline-block
             vertical-align: top
 
+noscript
+    position: fixed
+    display: block
+    width: 100%
+    background-color: rgba(255, 95, 95, 0.6)
+    color: #fff
+    text-shadow: 1px 1px 3px #000
+    text-align: center
+    z-index: 100
+
 @media all and (max-width: 800px)
     .navigator
         padding: 0 10px
diff --git a/views/index.pug b/views/index.pug
index 52ed2ef..3d1138a 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -23,7 +23,5 @@ block body
 		.content
 			h1 Icy Network News
 			.newsfeed
-				span.load
-					i.fa.fa-spin.fa-spinner.fa-2x
-					span Loading feed
-			a.older(href="/news") View older articles
+				p Please enable JavaScript to view this content.
+			a.older(href="/news") View all articles
diff --git a/views/layout.pug b/views/layout.pug
index 32cf33d..d8f32fa 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -44,6 +44,9 @@ html
 		title
 			block title
 	body
+		noscript
+			h2 This site requires JavaScript to work properly!
+			p Please consider enabling JavaScript for the full experience.
 		block banner
 			.banner
 				.logo
diff --git a/views/user/settings.pug b/views/user/settings.pug
index ab84f12..8a63c7a 100644
--- a/views/user/settings.pug
+++ b/views/user/settings.pug
@@ -69,6 +69,4 @@ block body
 					h2 Authorized Applications
 						.specify(title="Applications which have access to basic user information. You may restrict access at any time by pressing the red icon on the top right of the application card.") ?
 					.cl#clientlist
-						span.load
-							i.fa.fa-spin.fa-spinner.fa-2x
-							span Loading list
+						p Please enable JavaScript to view this content.