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('Loading list')
$.get({
url: '/api/oauth2/authorized-clients',
dataType: 'json',
@@ -185,6 +186,7 @@ $(document).ready(function () {
}
if ($('.newsfeed').length) {
+ $('.newsfeed').html('Loading feed')
$.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.