From: rsiddharth <rsd@gnu.org>
Date: Tue, 18 Feb 2014 18:46:10 +0000 (+0530)
Subject: some jquery magic: nav bar is pushed the bottom in small screen devices (tablets... 
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=92cc41e3b66e2261325bbb0e0432d34cd7256123;p=libreplanet-static.git

some jquery magic: nav bar is pushed the bottom in small screen devices (tablets, mobile phones).
---

diff --git a/2014/anti-harassment/index.html b/2014/anti-harassment/index.html
index 8c9e100e..f07f4407 100644
--- a/2014/anti-harassment/index.html
+++ b/2014/anti-harassment/index.html
@@ -48,7 +48,7 @@
 
 		<div class="row"> 
 
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -89,7 +89,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of anti-harassment column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of anti-harassment column -->
 
 			<h2> Anti-harassment policy </h2>
 
@@ -163,5 +163,28 @@
 
 	  </div>
 	</div> <!-- end of footer -->
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
+
   </body>
 </html>
diff --git a/2014/call_for_sessions/confirmation.html b/2014/call_for_sessions/confirmation.html
index ac1d3c21..e7de18e3 100644
--- a/2014/call_for_sessions/confirmation.html
+++ b/2014/call_for_sessions/confirmation.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-		  <div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -77,7 +77,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-5"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-5"> <!-- start of LPC 14 main text -->
 			<h2> Call for Sessions</h2>
 
 			<p>
@@ -142,5 +142,26 @@
 
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/call_for_sessions/index.html b/2014/call_for_sessions/index.html
index f78ece96..74688bc0 100644
--- a/2014/call_for_sessions/index.html
+++ b/2014/call_for_sessions/index.html
@@ -68,7 +68,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-		  <div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -100,7 +100,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-8"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-8"> <!-- start of LPC 14 main text -->
 			<h2> Call for Sessions </h2>
 
 
@@ -1203,5 +1203,27 @@
 	<script type="text/javascript"
 			src="/2014/assets/js/Common.js">
 	</script>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/confirmation.html b/2014/confirmation.html
index 93b52cce..38087960 100644
--- a/2014/confirmation.html
+++ b/2014/confirmation.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-5"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-5"> <!-- start of LPC 14 main text -->
 			<h2> Sign up for updates </h2>
 			<p>
 			  Thanks for your interest in LibrePlanet updates. To complete your subscription to the updates list, we need you to confirm your email address by clicking the link in the confirmation email we've just sent you.
@@ -151,5 +151,27 @@
 
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/exhibit/confirmation.html b/2014/exhibit/confirmation.html
index 2cd4b644..ac6b9c8c 100644
--- a/2014/exhibit/confirmation.html
+++ b/2014/exhibit/confirmation.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-5"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-5"> <!-- start of LPC 14 main text -->
 			<h2> Exhibitor  <small>application</small> </h2>
 			<p>
 			  Thanks for applying to exhibit at LibrePlanet. We will review your application and get in touch via email.
@@ -151,5 +151,27 @@
 
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/exhibit/index.html b/2014/exhibit/index.html
index 87be1d31..18bbe237 100644
--- a/2014/exhibit/index.html
+++ b/2014/exhibit/index.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-8"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-8"> <!-- start of LPC 14 main text -->
 			<h2> Exhibitor <small>application</small> </h2>
 
 			<p>LibrePlanet is the perfect place to
@@ -728,5 +728,27 @@
 	  cj(countryID).chainSelect(stateProvinceID, callbackURL, null);
 	  });
 	</script>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/index.html b/2014/index.html
index 43559920..8be42c8f 100644
--- a/2014/index.html
+++ b/2014/index.html
@@ -47,7 +47,7 @@
 	  <div class="container"> <!-- start of container -->
 		<div class="row"> 
 
-		  <div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<ul class="nav nav-pills nav-stacked">
 			  <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
 			  <!--<li><a href="/2014/volunteer">Help plan LibrePlanet</a></li>-->
@@ -83,7 +83,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of content column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
 
 			<!-- start of carousel -->
 			<div id="lpc-carousel" class="carousel slide">
@@ -252,6 +252,19 @@
 	    $('.glyphicon-chevron-left').css('display','inline-block');
 	    $('.glyphicon-chevron-right').css('display','inline-block');
 	  });
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
 	</script>
 
 	<!-- Piwik -->
diff --git a/2014/logistics/index.html b/2014/logistics/index.html
index e8daeff9..211aba03 100644
--- a/2014/logistics/index.html
+++ b/2014/logistics/index.html
@@ -47,7 +47,7 @@
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
 
-		  <div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -88,7 +88,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of Logistics column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of Logistics column -->
 
 			<h1>Where to stay</h1>
 
@@ -268,5 +268,27 @@ The Stata Center was famously designed by Frank Gehry; its <a href="http://uploa
 		</p>
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/program/index.html b/2014/program/index.html
index 1f513998..0d949d54 100644
--- a/2014/program/index.html
+++ b/2014/program/index.html
@@ -47,7 +47,7 @@
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
 
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -88,7 +88,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of content column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
 			<h2>Program</h2>
 			<p>Here's a sneak peek at all the good stuff we've got in store for LibrePlanet 2014. Check back soon for session descriptions and the full schedule!</p>
 
@@ -256,5 +256,27 @@
 			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
 	<script type="text/javascript"
 			src="/2014/assets/js/bootstrap.min.js"></script>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/scholarships/confirmation.html b/2014/scholarships/confirmation.html
index dfafb3cc..50fb27d0 100644
--- a/2014/scholarships/confirmation.html
+++ b/2014/scholarships/confirmation.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-5"> <!-- start of LP14 scholarship confirmation text -->
+		  <div id="lp-content" class="col-sm-5"> <!-- start of LP14 scholarship confirmation text -->
 			<h2> Scholarship <small>application</small> </h2>
 
 			<p>
@@ -151,5 +151,27 @@
 
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/scholarships/index.html b/2014/scholarships/index.html
index fb49b6e1..4c1bac37 100644
--- a/2014/scholarships/index.html
+++ b/2014/scholarships/index.html
@@ -68,7 +68,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -109,7 +109,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of Scholarships LP14 main text -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of Scholarships LP14 main text -->
 			<h2> Scholarship <small>application</small> </h2>
 
 			<p>We are offering a limited number of travel scholarships to assist with expenses related to attending LibrePlanet 2014. While we cannot offer stipends to everyone who applies, we will do our best to bring as many people as possible from as many communities as possible. We are generally unable to cover 100% of your travel and hotel costs, applicants should be prepared to cover some portion of travel expenses. <strong>The application deadline for travel stipends is Friday, January 10, 2014 at 22:00 UTC (17:00 EST).</strong></p>
@@ -778,6 +778,7 @@
 
 	<script type="text/javascript">
 	  // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+      // Copyright (C) 2013 Free Software Foundation, Inc
 
 	  var cj = jQuery.noConflict(); $ = cj;
 
@@ -787,6 +788,20 @@
 		  callbackURL = "https://crm.fsf.org/civicrm/ajax/jqState"
 		  cj(countryID).chainSelect(stateProvinceID, callbackURL, null);
 	  });
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
 	  // @license-end
 	</script>
   </body>
diff --git a/2014/speakers/index.html b/2014/speakers/index.html
index 7217d2a3..03afa0eb 100644
--- a/2014/speakers/index.html
+++ b/2014/speakers/index.html
@@ -47,7 +47,7 @@
 	  <div class="container"> <!-- start of container -->
 		<div class="row"> 
 
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -88,7 +88,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of content column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
 			<h2>Speakers</h2>
 <p>More coming soon!</p>
 <table>
@@ -189,5 +189,25 @@
 			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
 	<script type="text/javascript"
 			src="/2014/assets/js/bootstrap.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/video/index.html b/2014/video/index.html
index c8627818..5f4afb8e 100644
--- a/2014/video/index.html
+++ b/2014/video/index.html
@@ -47,7 +47,7 @@
 	  <div class="container"> <!-- start of container -->
 		<div class="row"> 
 
-		  <div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -88,7 +88,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of content column -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
 			<h1>Watch the video</h1>
                         <p>Featuring Deb Nicholson, Benjamin Mako Hill, Karen Sandler, John Sullivan and Richard Stallman.
 			<div class="row"> <!-- start LP video -->
@@ -181,5 +181,27 @@
 		</p>
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/volunteer/confirmation.html b/2014/volunteer/confirmation.html
index 9dcbe7e4..034a208a 100644
--- a/2014/volunteer/confirmation.html
+++ b/2014/volunteer/confirmation.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-5"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-5"> <!-- start of LPC 14 main text -->
 			<h2> Volunteer <small>Registration</small> </h2>
 			<p>
 			  Thanks for joining the volunteer planning committee!
@@ -150,5 +150,27 @@
 		</p>
 	  </div>
 	</div>
+	<script type="text/javascript"
+			src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+	<script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
+	</script>
   </body>
 </html>
diff --git a/2014/volunteer/index.html b/2014/volunteer/index.html
index bb0bbcf7..0a226f53 100644
--- a/2014/volunteer/index.html
+++ b/2014/volunteer/index.html
@@ -45,7 +45,7 @@
 
 	  <div class="container"> <!-- start of container -->
 		<div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+		  <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
 			<p class="text-center lp-home">
 			  <a class="text-muted" href="/2014/">
 				<span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -86,7 +86,7 @@
 			<p class="text-muted text-center">and attend the conference gratis!</p>
 		  </div> <!-- end of nav items -->
 
-		  <div class="col-sm-9"> <!-- start of LPC 14 main text -->
+		  <div id="lp-content" class="col-sm-9"> <!-- start of LPC 14 main text -->
 			<h2> Volunteer <small>Registration</small> </h2>
 
 <p>We welcome you to use the #libreplanet channel on Freenode for informal communication. To get more involved, join our volunteer planning committee with the form below. The volunteer committee will
@@ -616,27 +616,8 @@
 	</script>
 
 	<script type="text/javascript">
-	  /**
-	  * @licstart  The following is the entire license notice for the JavaScript code in this page.
-	  *
-	  * Copyright (C) 2013 Free Software Foundation, Inc
-
-	  * Licensed under the Apache License, Version 2.0 (the
-	  * "License"); you may not use this file except in compliance
-	  * with the License.  You may obtain a copy of the License at
-
-	  *        http://www.apache.org/licenses/LICENSE-2.0
-
-	  * Unless required by applicable law or agreed to in writing,
-	  * software distributed under the License is distributed on an
-	  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
-	  * either express or implied.  See the License for the specific
-	  * language governing permissions and limitations under the
-	  * License.
-
-	  *
-	  * @licend  The above is the entire license notice for the JavaScript code in this page.
-	  **/
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2013 Free Software Foundation, Inc
 
 	  var cj = jQuery.noConflict(); $ = cj;
 
@@ -646,6 +627,21 @@
 		  callbackURL = "https://crm.fsf.org/civicrm/ajax/jqState"
 		  cj(countryID).chainSelect(stateProvinceID, callbackURL, null);
 	  });
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+
+     // @license-end
 	</script>
   </body>
 </html>