merge

1 files changed, 16 insertions, 5 deletions

diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js
index 01a2e54..41edafe 100644
--- a/public/assets/javascripts/app.js
+++ b/public/assets/javascripts/app.js
@@ -1,12 +1,9 @@
 
 if (is_mobile) {
-	$("html").addClass("mobile");
-}
-else if ($.browser.msie || ! has3d()) {
-	$("html").addClass("fallback");
+	$("html").addClass("mobile")
 }
 else {
- $("html").addClass("desktop");
+ $("html").addClass("desktop")
 }
 
 
@@ -22,6 +19,8 @@ app.init = function () {
 }
 
 app.launch = function () {
+  if ($.browser.msie || ! has3d()) { return app.fallback() }
+  
 	var movements
 
 	scene = new MX.Scene().addTo('#scene')
@@ -74,6 +73,18 @@ app.launch = function () {
 	window.scrollTo(0,0)
 }
 
+app.fallback = function(){
+  app.unsupported = true
+  var msg = "Sorry, your browser is not supported.<br><br>" +
+            "Please use <a href='http://chrome.com/'>Chrome</a> or <a href='https://www.apple.com/safari/'>Safari</a> or <a href='http://getfirefox.com/'>Firefox</a>."
+  var $fallback = $("<div>")
+  $fallback.attr('id', 'fallback')
+  $fallback.html(msg)
+  $('body').append($fallback)
+  $("#keyhint").hide()
+  $("#editorView").hide()
+}
+
 app.on = function(){
 	app.tube.on.apply(app.tube, arguments)
 }