From 9491a92b0e08e4658a809a692fb81034b80ec291 Mon Sep 17 00:00:00 2001
From: Ismo Vuorinen <ivuorinen@me.com>
Date: Tue, 18 Jun 2013 20:32:11 +0300
Subject: [PATCH] =?UTF-8?q?Jos=20k=C3=A4ytt=C3=A4j=C3=A4ll=C3=A4=20ei=20ol?=
 =?UTF-8?q?e=20javascript=20p=C3=A4=C3=A4ll=C3=A4,=20kerrotaan=20asiasta?=
 =?UTF-8?q?=20ja=20sumennetaan=20toiminnallisuus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index.html       | 9 ++++++++-
 app/scripts/main.js  | 1 +
 app/styles/main.less | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/index.html b/app/index.html
index 28f6a97..252973d 100644
--- a/app/index.html
+++ b/app/index.html
@@ -20,8 +20,15 @@
       </div>
     </div>
 
+    <noscript>
+      <div class="alert">
+        Lentolaskuri vaatii toimiakseen JavaScriptin, jota sinulla ei näytä olevan päällä.<br>
+        <a href="http://www.enable-javascript.com" target="_blank">JavaScriptin saat päälle näitä ohjeita noudattamalla.</a>
+      </div>
+    </noscript>
+
     <div class="row">
-      <div class="span6">
+      <div class="span6 js-enabled-content">
 
         <div class="row-fluid">
           <div class="span4 passengersWidget">
diff --git a/app/scripts/main.js b/app/scripts/main.js
index 1638b7c..0779096 100644
--- a/app/scripts/main.js
+++ b/app/scripts/main.js
@@ -54,5 +54,6 @@ require([
   'bootstrap',
   'libs/handlebar_helpers'
 ], function ($, App) {
+  $("html:first").removeClass("no-js").addClass('js'); // JavaScript detection
   var app = new App();
 });
diff --git a/app/styles/main.less b/app/styles/main.less
index 0eebd96..fc7205b 100644
--- a/app/styles/main.less
+++ b/app/styles/main.less
@@ -14,6 +14,10 @@
   }
 }
 
+.no-js .js-enabled-content {
+  opacity: 0.2;
+}
+
 .select2-container {
   display: block;
   .select2-choice {