updated the nav box in /2015/program/ -- it is fixed; so always visible while scrolling.

On smaller screens, the nav box turns into two small green buttons at the bottom right.

	modified:   2015/assets/css/custom.css
	modified:   2015/program/index.html

diff --git a/2015/assets/css/custom.css b/2015/assets/css/custom.css
index 2f334ddb3f95f7c420845574f8c2dc65d3f6a1fd..793e0a55ed1a3180aa0329de7ded7b348e968f27 100644 (file)
--- a/2015/assets/css/custom.css
+++ b/2015/assets/css/custom.css
@@ -53,7 +53,15 @@ hr {
 #lp-panel {
   max-width: 32%;
   margin-left: 0.3em;
-  float: right;
+  position: fixed;
+  right: 1%;
+  top: 20%;
+}
+
+#lp-mini-nav {
+  position: fixed;
+  bottom: 0%;
+  right: 1%;
 }
 
 #lp-panel ul {
@@ -143,9 +151,8 @@ hr {
   #lp-panel {
     max-width: 100%;
     margin-left: 0;
-    float: none;
+       position: static;
   }
-
 }
 
 @media (min-width: 552px) and (max-width:767px) {
@@ -160,7 +167,7 @@ hr {
   #lp-panel {
     max-width: 100%;
     margin-left: 0;
-    float: none;
+       position: static;
   }
 
   #lp-updates {

diff --git a/2015/program/index.html b/2015/program/index.html
index 96ebfc5388997a4cc906f0e5669d105b41a968b6..792840975025697feffccb7c3d566b651c136f8b 100755 (executable)
--- a/2015/program/index.html
+++ b/2015/program/index.html
@@ -17,7 +17,7 @@ Fixed nav
 
 <!--#include virtual="/server/2015/program-menu.html"-->
 
-<div id="lp-panel" class="panel panel-default">
+<div id="lp-panel" class="panel panel-default hidden-xs">
        <div class="panel-heading">
                <h2 class="panel-title">
                        <span class="glyphicon glyphicon-list"></span>
@@ -30,10 +30,10 @@ Fixed nav
        </div>
 </div>
 
-<p>All times are in Eastern Daylight Time (EDT), which is UTC - 4 hours. In room numbers, "32-" refers to MIT Building 32 (the Stata Center), where all conference rooms are located.</p>
-
 <div class="row"> <!-- session row start -->
        <div class="col-sm-9"> <!-- session column start -->
+         <p>All times are in Eastern Daylight Time (EDT), which is UTC - 4 hours. In room numbers, "32-" refers to MIT Building 32 (the Stata Center), where all conference rooms are located.</p>
+
                <h1 id="saturday">Saturday, March 21</h1>
                <hr>
                <h2><small>09:00 - 09:45: Registration and Breakfast</small></h2>
@@ -405,6 +405,13 @@ Fixed nav
 </div> <!-- session column end -->
 </div> <!-- session row end -->
 
+<div id="lp-mini-nav" class="visible-xs">
+  <ul class="list-inline">
+       <li><a class="btn btn-default btn-xs" href="#saturday">Saturday sessions</a></li>
+       <li><a class="btn btn-default btn-xs" href="#sunday">Sunday sessions</a></li>
+  </ul>
+</div>
+
 
 <!--#include virtual="/server/2015/footer.html"-->
 <!--#include virtual="/server/2015/common_js.html"-->