From d4a9e51d7d32e235f0581dc0e1c6f91e82628eeb Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Thu, 16 Oct 2014 02:00:46 +0000
Subject: [PATCH] Add nav jump button for mobile

---
 www/layout.html  |  5 +++++
 www/solar/ui.css | 15 +++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/www/layout.html b/www/layout.html
index cbf99b2..f0c1d97 100644
--- a/www/layout.html
+++ b/www/layout.html
@@ -27,6 +27,10 @@
 
 {% from "google-ads.inc.html" import leaderboard, nav_ads %}
 
+<div class="mobile-nav">
+    <a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a>
+</div>
+
 <div class="k-supernova"></div>
 
 <div class="container-fluid">
@@ -71,6 +75,7 @@
 
         <div class="col-sm-2 col-sm-pull-10">
             <div class="k-navpanel">
+                <a name="navbar"></a>
                 <div class="k-section">Kirsle</div>
                 <ul>
                     <li>&#0187; <a href="/">Homepage</a> (<a href="{{ url_for('blog.rss') }}">RSS</a>)</li>
diff --git a/www/solar/ui.css b/www/solar/ui.css
index 089ce33..26e4c7d 100644
--- a/www/solar/ui.css
+++ b/www/solar/ui.css
@@ -114,6 +114,21 @@ p {
 	margin: 10px 0px;
 }
 
+/* Our own custom nav button for Bootstrap */
+.mobile-nav {
+	display: none; /* for small screens only */
+	position: absolute;
+	z-index: 100;
+	top: 10px;
+	right: 10px;
+}
+
+@media (max-width: 768px) {
+	.mobile-nav {
+		display: block;
+	}
+}
+
 /*******************************************************************************
  * General CSS Classes                                                         *
  ******************************************************************************/