Add swipe instructions

Author: retro

images/swipe.png

@@ -1,6 +1,6 @@
 var isMobile = false;
 
-if(window.matchMedia && window.matchMedia("(max-device-width: 480px)")){
+if(window.matchMedia && window.matchMedia("(max-device-width: 480px)").matches){
 	isMobile = true;
 }
 
@@ -364,7 +364,13 @@ if($('.lt-ie7, .lt-ie8, .lt-ie9').length == 0){
 } else {
 	new Menu($('#wrapper'), 'html,body');
 }
-new MobileMenu(document.documentElement)
+if(isMobile){
+	new MobileMenu(document.documentElement)
+	var header = $('#logo-and-download').clone();
+	header.find('a').remove();
+	header.append("<img src='/images/swipe.png' id='swipe' />")
+	$('#content-wrapper').prepend(header)
+}
 $('a[href$=#dom_helpers], a[href$=#events]').prepend('<span class="special">&#x2605;</span>');
 
 // google analytics

javascripts/application.js

@@ -404,4 +404,12 @@ html.lt-ie7 .github-fork img {
 	.github-fork {
 		display: none;
 	}
+	#content-wrapper #logo-and-download {
+		background-image: url(../images/menu_bg.png);
+		background-repeat: repeat-x;
+	}
+	#content-wrapper #swipe {
+		right: 15px;
+		left: auto;
+	}
 }