Add NoScript

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',

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

views/index.pug

@@ -23,7 +23,5 @@ block body
 		.content
 			h1 Icy Network News
 			.newsfeed
-				span.load
+				p Please enable JavaScript to view this content.
-					i.fa.fa-spin.fa-spinner.fa-2x
+			a.older(href="/news") View all articles
-					span Loading feed
-			a.older(href="/news") View older articles

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

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
+						p Please enable JavaScript to view this content.
-							i.fa.fa-spin.fa-spinner.fa-2x
-							span Loading list