Add nav jump button for mobile

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>

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                                                         *
  ******************************************************************************/