update/corrected the copyright year for the jquery magic thingy.

[libreplanet-static.git] / 2014 / volunteer / confirmation.html

diff --git a/2014/volunteer/confirmation.html b/2014/volunteer/confirmation.html
index 9917f305b3830df31c3f72bab8529b7df110238b..6a2b349338510900ad29b5ea1cf4bb60862c330a 100644 (file)
--- a/2014/volunteer/confirmation.html
+++ b/2014/volunteer/confirmation.html
@@ -15,14 +15,18 @@
          <div class="lp-banner"> <!--start of lp banner -->
                <div class="container"> <!-- start of container -->
                  <div class="row">
-                       <div class="col-sm-6"> <!-- start of lp header -->
-                         <div class="lp-head">
+                       <div class="lp-head"> <!-- start of lp header -->
+                         <div class="col-sm-3">
                                <a href="/2014/">
                                  <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
                                           class="img-responsive"
                                           alt="[ LibrePlanet 2014 &mdash; Free Software, free society ]" />
                                </a>
-                               <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+                         </div>
+                         <div class="col-sm-3">
+                               <p class="text-muted">
+                                 March 22<sup>nd</sup>-23<sup>rd</sup><br />
+                                 MIT, Cambridge, MA</p>
                          </div>
                        </div><!-- end of lp header -->
                        <div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
@@ -41,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
@@ -63,6 +67,7 @@
 
                          <li><a href="/2014/logistics">Getting around Cambridge</a></li>
                  <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
+              <li><a href="/2014/live">Streaming</a></li>
                  <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
 
                        </ul>
@@ -82,7 +87,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!
@@ -146,5 +151,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) 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>