From 8df005d29ef1f8dbe7722e76c574995f0ca7e503 Mon Sep 17 00:00:00 2001
From: Gautham Chandra <gautham.chandra@live.com>
Date: Sun, 15 Nov 2015 16:42:48 -0500
Subject: [PATCH] Added noscript content for the landing page

---
 website/public/css/index.styl       |  4 ++--
 website/public/css/no-script.styl   |  3 +++
 website/views/index.jade            | 16 +---------------
 website/views/shared/no-script.jade | 15 +++++++++++++++
 website/views/static/front.jade     |  8 ++++++++
 5 files changed, 29 insertions(+), 17 deletions(-)
 create mode 100644 website/views/shared/no-script.jade

diff --git a/website/public/css/index.styl b/website/public/css/index.styl
index f63cc55722..382d4838b7 100644
--- a/website/public/css/index.styl
+++ b/website/public/css/index.styl
@@ -9,8 +9,8 @@
 @import "../bower_components/select2/select2.css"
 
 // Custom includes
-@import "./global-colors.styl";
-@import "./global-modules.styl";
+@import "./global-colors.styl"
+@import "./global-modules.styl"
 @import "./tasks.styl"
 @import "./avatar.styl"
 @import "./customizer.styl"
diff --git a/website/public/css/no-script.styl b/website/public/css/no-script.styl
index cf6254e2f2..12abd756d3 100644
--- a/website/public/css/no-script.styl
+++ b/website/public/css/no-script.styl
@@ -10,3 +10,6 @@ noscript
       display: block
       margin-top: 5px
 
+noscript.banner
+  background-color: #fff9ca
+  border: 1px solid #dfd8c2
diff --git a/website/views/index.jade b/website/views/index.jade
index 2e2d74b12e..5374e8387f 100644
--- a/website/views/index.jade
+++ b/website/views/index.jade
@@ -30,6 +30,7 @@ html(ng-app="habitrpg", ng-controller="RootCtrl", ng-class='{"applying-action":a
 
 
   body(ng-cloak, ng-controller='GroupsCtrl')
+    include ./shared/no-script
     include ./shared/mixins
     include ./shared/avatar/index
     include ./shared/header/menu
@@ -39,21 +40,6 @@ html(ng-app="habitrpg", ng-controller="RootCtrl", ng-class='{"applying-action":a
     include ./main/index
     include ./options/index
 
-    // For those who have JavaScript disabled
-    noscript
-      style.
-        div, footer {
-          display: none;
-        }
-      
-      h3
-        | Alas! Your browser doesn't have JavaScript enabled
-      img(src='/front/images/coding_by_phoneix_faerie.png', alt='Coding placeholder image')  
-      p
-        | Habitica can't properly display the site without it!
-        a(href='http://www.enable-javascript.com/', target='_blank')
-          | Please Enable JavaScript to continue!
-
     #notification-area(ng-controller='NotificationCtrl')
     #wrap.container-fluid
       .row
diff --git a/website/views/shared/no-script.jade b/website/views/shared/no-script.jade
new file mode 100644
index 0000000000..c098129975
--- /dev/null
+++ b/website/views/shared/no-script.jade
@@ -0,0 +1,15 @@
+// For those who have JavaScript disabled
+noscript
+  style.
+    div, footer {
+      display: none;
+    }
+  
+  h3
+    | Alas! Your browser doesn't have JavaScript enabled
+  img(src='/front/images/coding_by_phoneix_faerie.png', alt='Coding placeholder image')  
+  p
+    | Habitica can't properly display the site without it!
+    br
+    a(href='http://www.enable-javascript.com/', target='_blank')
+      | Please Enable JavaScript to continue!
diff --git a/website/views/static/front.jade b/website/views/static/front.jade
index 35531a67cf..a62c6796d1 100644
--- a/website/views/static/front.jade
+++ b/website/views/static/front.jade
@@ -40,6 +40,14 @@ html(ng-app='habitrpg', ng-controller='RootCtrl')
     include ../shared/avatar/index
     include ../shared/mixins
     include ../shared/modals/members
+
+    noscript(class='banner')
+      | Alas! Your browser doesn't have JavaScript enabled and without it,
+      | Habitica can't work properly
+      br
+      a(href='http://www.enable-javascript.com/', target='_blank')
+        | Please Enable JavaScript to continue!
+
     .mobile-container
       div(ng-init='Analytics.track({"hitType":"pageview","eventCategory":"page","eventAction":"landing page","page":"/static/front"});')
       header#header