add browser compatibility page

app/views/desktop/compatibility.html.erb

@@ -1 +1,35 @@
-You have a bad browser ...!!!
+<div id="compatibility">
+	<div id="support_list">
+		<ul>
+			<li class="w2 h2" data-col="1" data-row="1">
+				<span class="tile op07 app-chrome"></span>
+				<a href="http://www.google.com/chrome" target="_blank" title="Get the latest Google Chrome!" class="appicon"><%= image_tag("desktop/chrome.png", :alt => "Google Chrome") %></a>
+				<h1 class="appname">Google Chrome</h1>
+			</li>
+			<li class="w2 h1" data-col="1" data-row="3">
+				<span class="tile op07 app-safari"></span>
+				<a href="http://www.apple.com/safari" target="_blank" title="Get the latest Safari!" class="appicon"><%= image_tag("desktop/safari.png", :alt => "Safari") %></a>
+				<h1 class="appname">Safari</h1>
+			</li>
+			<li class="w1 h1" data-col="3" data-row="1">
+				<span class="tile op07 app-opera"></span>
+				<a href="http://www.opera.com/download" target="_blank" title="Get the latest Opera!" class="appicon"><%= image_tag("desktop/opera.png", :alt => "Opera") %></a>
+				<h1 class="appname">Opera</h1>
+			</li>
+			<li class="w1 h1" data-col="4" data-row="1">
+				<span class="tile op09 app-ie"></span>
+				<a href="http://microsoft.com/ie" target="_blank" title="Get the latest Internet Explorer!" class="appicon"><%= image_tag("desktop/ie.png", :alt => "Internet Explorer") %></a>
+				<h1 class="appname">Internet Explorer</h1>
+			</li>
+			<li class="w2 h2" data-col="3" data-row="2">
+				<span class="tile op07 app-firefox"></span>
+				<a href="http://www.mozilla.org/firefox" target="_blank" title="Get the latest Firefox!" class="appicon"><%= image_tag("desktop/firefox.png", :alt => "Firefox") %></a>
+				<h1 class="appname">Firefox</h1>
+			</li>
+			<li class="desc" data-col="1" data-row="4">
+				<h1>Your browser is out of date or does not support JavaScript</h1>
+				To take full advantage of <b>Orbit Desktop</b> you need to enable JavaScript, or upgrade your browser to the latest version.
+			</li>
+		</ul>
+	</div>
+</div>

app/views/layouts/compatibility.html.erb

@@ -2,14 +2,12 @@
 <html>
 <head>
 <meta charset="utf-8">
-	<title>Error</title>
-	<%= stylesheet_link_tag "desktop" %>
+	<title>Oops!</title>
+	<%= stylesheet_link_tag "desktop/desktop-compatibility" %>
 	<%= yield :page_specific_css %>
-	
 	<%= csrf_meta_tag %>
 </head>
 <body>
-	<%= render 'layouts/orbit_bar' %>
 	<%= yield %>
 </body>
 </html>

app/views/layouts/desktop.html.erb

@@ -5,7 +5,7 @@
 <noscript>
  <meta http-equiv="refresh" content="0; URL=/compatibility">
 </noscript>
-<!--[if lte IE 8]>
+<!--[if lt IE 8]>
  <meta http-equiv="refresh" content="0; URL=/compatibility" />
 <![endif]-->
 <meta charset="utf-8">