From d43bffc869570f4debc819b23d399f259361682c Mon Sep 17 00:00:00 2001
From: rsiddharth <rsd@gnu.org>
Date: Sun, 28 Feb 2016 13:34:45 -0500
Subject: [PATCH] New navbar for small screens (<768px).

---
 2016/assets/css/custom.css                    |  50 ++++++++++++++++++
 2016/assets/img/site_logo_alternate-small.png | Bin 0 -> 3633 bytes
 2016/includes/banner.html                     |  43 +++++++++++++--
 2016/includes/common_js.html                  |   5 +-
 2016/includes/home_js.html                    |   2 -
 2016/includes/program_js.html                 |   3 --
 2016/includes/register-now.html               |   4 ++
 2016/includes/sidebar.html                    |   4 +-
 8 files changed, 98 insertions(+), 13 deletions(-)
 create mode 100644 2016/assets/img/site_logo_alternate-small.png
 create mode 100644 2016/includes/register-now.html

diff --git a/2016/assets/css/custom.css b/2016/assets/css/custom.css
index 09d777d1..f5495b6a 100644
--- a/2016/assets/css/custom.css
+++ b/2016/assets/css/custom.css
@@ -692,6 +692,56 @@ hr {
   right: 1%;
 }
 
+.navbar-default {
+    background-color: rgb(250, 250, 250);
+    border-color: #e7e7e7;
+    border-bottom: 3px solid rgba(88, 208, 121, 0.8);
+}
+
+.navbar-brand {
+    float: left;
+    font-size: 18px;
+    height: 50px;
+    line-height: 20px;
+    margin-bottom: 9px;
+    padding: 15px;
+}
+
+.navbar-toggle {
+    background-color: transparent;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    float: right;
+    margin-bottom: 8px;
+    margin-right: 15px;
+    margin-top: 13px;
+    padding: 9px 10px;
+    position: relative;
+}
+
+.navbar-default .navbar-toggle {
+    border-color: rgb(250, 250, 250);
+}
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+    background-color: rgb(245, 245, 245);
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: rgb(180, 180, 180);
+}
+
+.navbar-collapse {
+    background-color: rgb(240, 240, 240);
+    border-top: 1px solid transparent;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
+    overflow-x: visible;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
 
 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
 -------------------------------------------------- */
diff --git a/2016/assets/img/site_logo_alternate-small.png b/2016/assets/img/site_logo_alternate-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8947aee12eb2ac99f0cff15a45c13effd8ea1fe
GIT binary patch
literal 3633
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

literal 0
HcmV?d00001

diff --git a/2016/includes/banner.html b/2016/includes/banner.html
index 5269a0c5..6a197b62 100755
--- a/2016/includes/banner.html
+++ b/2016/includes/banner.html
@@ -1,7 +1,7 @@
   </head>
   <body>
     <div id="wrapper"> <!-- start of wrapper -->
-      <div class="lp-banner"> <!--start of lp banner -->
+      <div class="lp-banner hidden-xs"> <!--start of lp banner -->
 		<div class="container"> <!-- start of container -->
 		  <div class="row">
 			<div class="lp-head"> <!-- start of lp header -->
@@ -23,10 +23,7 @@
 
             <!-- Start of register button -->
 	        <div class="col-sm-offset-3 col-sm-3 col-xs-12">
-	          <a class="btn btn-register btn-lg btn-block"
-	             href="https://my.fsf.org/civicrm/event/register?id=29&amp;reset=1">
-	            Register now
-	          </a>
+                  <!--#include virtual="/2016/includes/register-now.html"-->
 	          <p class="text-muted text-center">
 	            gratis for members and students!
 	          </p>
@@ -34,3 +31,39 @@
 		  </div>
 		</div> <!-- end of header container -->
       </div> <!-- end of lp banner -->
+
+      <!-- start nav for small screens -->
+      <nav class="navbar navbar-default visible-xs">
+        <div class="container-fluid">
+          <!-- Brand and toggle get grouped for better mobile display -->
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                    data-target="#lp-navbar-collapse" aria-expanded="false">
+              <span class="sr-only">Toggle navigation</span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="/2016/">
+              <img src="/2016/assets/img/site_logo_alternate-small.png"
+                   class="img-responsive"
+                   alt="[ LibrePlanet 2016 &mdash; Fork the System ]" />
+            </a>
+            <p class="navbar-text">
+	      <strong>March 19-20, MIT, Cambridge, MA</strong>
+	    </p>
+          </div>
+
+          <div class="collapse navbar-collapse" id="lp-navbar-collapse">
+            <ul class="nav navbar-nav">
+              <li><!--#include virtual="/2016/includes/register-now.html"--></li>
+              <!--#include virtual="/2016/includes/nav-list-1.html"-->
+            </ul>
+
+            <ul class="nav navbar-nav">
+              <!--#include virtual="/2016/includes/nav-list-2.html"-->
+            </ul>
+          </div><!-- navbar-collapse end -->
+        </div><!-- navbar container-fluid end -->
+      </nav>
+      <!-- end nav for small screens -->
diff --git a/2016/includes/common_js.html b/2016/includes/common_js.html
index a04c0339..90259fb1 100755
--- a/2016/includes/common_js.html
+++ b/2016/includes/common_js.html
@@ -2,7 +2,8 @@
 		src="/2016/assets/js/jquery-1.11.3.min.js"></script>
 <script type="text/javascript"
         src="/2016/assets/js/piwik.js"></script>
-
+<script type="text/javascript"
+	src="/2016/assets/js/bootstrap-3.3.5.min.js"></script>
 <script>
 $(document).ready(logoTextStack);
 
@@ -29,8 +30,10 @@ function logoTextStack() {
      screen_size = $(window).width();
 
      if(screenSize <= 767) {
+         $(".register-now").removeClass("btn btn-register btn-lg btn-block");
          $("#lp-nav").insertAfter("#lp-content");
      } else {
+         $(".register-now").addClass("btn btn-register btn-lg btn-block");
          $("#lp-nav").insertBefore("#lp-content");
      }
  }
diff --git a/2016/includes/home_js.html b/2016/includes/home_js.html
index bb747947..eb4acefa 100644
--- a/2016/includes/home_js.html
+++ b/2016/includes/home_js.html
@@ -1,5 +1,3 @@
-<script type="text/javascript"
-	src="/2016/assets/js/bootstrap-3.3.5.min.js"></script>
 <script>
 	  $(document).ready(function() {
         $('.carousel').carousel({ interval:6000 });
diff --git a/2016/includes/program_js.html b/2016/includes/program_js.html
index ecc41332..829ffe10 100755
--- a/2016/includes/program_js.html
+++ b/2016/includes/program_js.html
@@ -1,6 +1,3 @@
-<script type="text/javascript"
-	src="/2016/assets/js/bootstrap-3.3.5.min.js"></script>
-
 <script>
   $('.collapse').removeClass('in');
 
diff --git a/2016/includes/register-now.html b/2016/includes/register-now.html
new file mode 100644
index 00000000..92d28234
--- /dev/null
+++ b/2016/includes/register-now.html
@@ -0,0 +1,4 @@
+<a class="btn btn-register btn-lg btn-block register-now"
+   href="https://my.fsf.org/civicrm/event/register?id=29&amp;reset=1">
+  Register now
+</a>
diff --git a/2016/includes/sidebar.html b/2016/includes/sidebar.html
index c6f7acfb..7441a5a5 100755
--- a/2016/includes/sidebar.html
+++ b/2016/includes/sidebar.html
@@ -22,11 +22,11 @@
 		-->
 
 
-		<ul class="nav nav-pills nav-stacked">
+		<ul class="nav nav-pills nav-stacked hidden-xs">
                   <!--#include virtual="/2016/includes/nav-list-1.html"-->
 		</ul>
 
-		<ul class="nav nav-pills nav-stacked">
+		<ul class="nav nav-pills nav-stacked hidden-xs">
                   <!--#include virtual="/2016/includes/nav-list-2.html"-->
 		</ul>
 
-- 
2.25.1