some jquery magic: nav bar is pushed the bottom in small screen devices (tablets...

diff --git a/2014/anti-harassment/index.html b/2014/anti-harassment/index.html
index 8c9e100e9c74c53ba564fc3ccd711a26cc4dd0d1..f07f4407d7592f519fac73f0f47ad988fe222a8d 100644 (file)
--- 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 ac1d3c21c79eb8351a741ce52706c53e90ad33ca..e7de18e32db529385e2b7df01563f567b2b42276 100644 (file)
--- 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 f78ece96478f668e65aaac22942f036e10160a4b..74688bc0166861aa31a8ac8ae67dc70534d85395 100644 (file)
--- 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 93b52cce5419ba98bfbb3c6bb7ed1f5adc133359..38087960ab4ab9d190ba69c610cab9dc0a9febef 100644 (file)
--- 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 2cd4b644ce1e41db5044f08ca2b651f72d270e8a..ac6b9c8c93314c4229fce885bfceab18f2549f23 100644 (file)
--- 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 87be1d310e0e4089f40f18e3fe414873d98c377e..18bbe2372b3716ea795cc0edb0e2651597c50024 100644 (file)
--- 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 43559920cb7021f86b5e875b4eec51434d493783..8be42c8fcc109856ca23d95ca9c75b4c1ff59faa 100644 (file)
--- 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 e8daeff967bdde2684f349d35a0bbe2809edbe63..211aba035b212c4743e231b36cbf03b503e4638b 100644 (file)
--- 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 1f513998eecc04731c5686d2fee14fbff67f5d01..0d949d54644b645f4869baaa104292ad3f4a82c0 100644 (file)
--- 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 dfafb3cccf9373c8fd8eb1d04bba842c2687f1b6..50fb27d0089f584cb8410b744d927c7df5a34264 100644 (file)
--- 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 fb49b6e1382f8d6e6d0909630022494fd33dd6d5..4c1bac3733cd38ac47c821e918c6bfab5dd870fe 100644 (file)
--- 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 7217d2a3cb5c3403f92501ef0e9e75e39463c8b9..03afa0eb4da131ef7d9f97fd177abf5e31a1b672 100644 (file)
--- 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 c86278181f487beb79f9b0fdaa8ebe7b0dee091a..5f4afb8ebbf5975e715489c506069a6caf8d6e11 100644 (file)
--- 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 9dcbe7e4e3ca6208f435d1a9b7bd767f286f5460..034a208ab3a29f114bc06601f8a1af4a1dd0b672 100644 (file)
--- 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 bb0bbcf7d90d634bbb6f653c644c9599c1e6c206..0a226f53da68b0a497892eb6099a1a46bdca38e5 100644 (file)
--- 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>