From: rsiddharth <rsd@gnu.org>
Date: Thu, 20 Feb 2014 06:14:50 +0000 (+0530)
Subject: added jquery magic to 2014/live to push nav buttons to the bottom in small screen... 
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=7c65b214713fb1ccea9c2855bdedd88b7d7f146c;p=libreplanet-static.git

added jquery magic to 2014/live to push nav buttons to the bottom in small screen devices.
---

diff --git a/2014/live/index.html b/2014/live/index.html
index 456afc5b..017462d8 100644
--- a/2014/live/index.html
+++ b/2014/live/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>LibrePlanet from anywhere</h1>
 <p>During LibrePlanet, this page will host streaming video of all sessions. If you plan to participate remotely, please bookmark it now and check back during the conference.</p>
 
@@ -170,5 +170,25 @@
 		</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) 2014 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>