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 {