<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
<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>
<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!
</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>