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

[libreplanet-static.git] / 2014 / speakers / index.html

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>