From 7c05b0a627b22f227084d5144e9eb0879c920a68 Mon Sep 17 00:00:00 2001
From: SkyArrow <tommy351@gmail.com>
Date: Wed, 25 Jan 2012 01:23:47 +0800
Subject: <select> menu for mobile devices

---
 sass/parts/_header.scss                   | 16 ++++++++++++++--
 source/_includes/custom/after_footer.html |  5 +++--
 source/javascripts/navigation.js          | 16 ++++++++++++++++
 3 files changed, 33 insertions(+), 4 deletions(-)
 create mode 100644 source/javascripts/navigation.js

diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index a258e9d..3f73710 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -27,8 +27,8 @@ header{
 					}
 				}
 				>a{
-					padding: 35px 30px 35px 0;
-					margin-top: -35px;
+					padding: 38px 30px 38px 0;
+					margin-top: -38px;
 					background: image-url('detail.png') right center no-repeat;
 					&:only-child{
 						padding-right: 0;
@@ -77,6 +77,10 @@ header{
 				}
 			}
 		}
+		select{
+			display: none;
+			margin-bottom: 10px;
+		}
 	}
 	.search{
 		input[type="text"]{
@@ -183,6 +187,14 @@ header{
 
 @media screen and (max-width: 600px){
 	header{
+		nav{
+			>ul{
+				display: none;
+			}
+			select{
+				display: block;
+			}
+		}
 		.social{
 			display: none;
 		}
diff --git a/source/_includes/custom/after_footer.html b/source/_includes/custom/after_footer.html
index cb1277b..50003bb 100644
--- a/source/_includes/custom/after_footer.html
+++ b/source/_includes/custom/after_footer.html
@@ -1,5 +1,6 @@
 <script src="{{ root_url }}/javascripts/jquery.easing.1.3.js"></script>
 <script src="{{ root_url }}/javascripts/external.js"></script>
-<script src="{{ root_url }}/javascripts/twitter.js"></script>
+<script src="{{ root_url }}/javascripts/navigation.js"></script>
 <script src="{{ root_url }}/javascripts/jquery.fancybox.pack.js"></script>
-<script src="{{ root_url }}/javascripts/caption.js"></script>
\ No newline at end of file
+<script src="{{ root_url }}/javascripts/caption.js"></script>
+<script src="{{ root_url }}/javascripts/twitter.js"></script>
\ No newline at end of file
diff --git a/source/javascripts/navigation.js b/source/javascripts/navigation.js
new file mode 100644
index 0000000..546edf1
--- /dev/null
+++ b/source/javascripts/navigation.js
@@ -0,0 +1,16 @@
+(function($){
+	var appends = '<option>選單</option>';
+
+	$('.menu .main > li').each(function(){
+		var link = $(this).children('a');
+		appends += '<option value="'+link.attr('href')+'">'+link.html()+'</option>';
+		$(this).find('li').each(function(){
+			var link = $(this).children('a');
+			appends += '<option value="'+link.attr('href')+'">- '+link.html()+'</option>';
+		});
+	});
+
+	$('nav.menu').append('<select>'+appends+'</select>').on('change', 'select', function(){
+		location.href = $(this).val();
+	});
+})(jQuery);
\ No newline at end of file
-- 
cgit v1.1-2-g2b99