2018/includes/banner.html

   1   </head>
   2   <body>
   3     <div id="wrapper"> <!-- start of wrapper -->
   4       <div class="lp-banner hidden-xs"> <!--start of lp banner -->
   5                 <div class="container"> <!-- start of container -->
   6                   <div class="row">
   7                         <div class="lp-head"> <!-- start of lp header -->
   8                           <div id="lp16-logo"  class="col-sm-3 col-xs-5">
   9                                 <a href="/2018/">
  10                                   <img src="https://static.fsf.org/nosvn/libreplanet/2018/assets/lp2018_logo-small.png"
  11                                            class="img-responsive"
  12                                            alt="[ LibrePlanet 2018 ]" />
  13                                 </a>
  14                           </div>
  15                           <div id="lp16-date-place" class="col-sm-3 col-xs-2">
  16                             <!-- Heads up! When updating this date and place information,
  17                                  remember to update it in the small
  18                                  screen navbar too (see below) -->
  19                                 <p>
  20                                     <strong>
  21                                         <br>
  22                                         Saturday & Sunday<br/>
  23                                         March 24-25th<br/>
  24                                         Cambridge, Massachusetts
  25                                     </strong>
  26                                 </p>
  27                           </div>
  28                           <!-- #top-right-desktop start -->
  29                           <!--#include virtual="/2018/includes/join-list.html"-->
  30                           <!-- #top-right-desktop end -->
  31                         </div><!-- end of lp header -->
  32
  33                   </div>
  34                 </div> <!-- end of header container -->
  35       </div> <!-- end of lp banner -->
  36
  37       <!-- start nav for small screens -->
  38       <nav class="navbar navbar-default visible-xs">
  39         <div class="container-fluid">
  40           <!-- Brand and toggle get grouped for better mobile display -->
  41           <div class="navbar-header">
  42             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  43                     data-target="#lp-navbar-collapse" aria-expanded="false">
  44               <span class="sr-only">Toggle navigation</span>
  45               <span class="icon-bar"></span>
  46               <span class="icon-bar"></span>
  47               <span class="icon-bar"></span>
  48             </button>
  49             <a class="navbar-brand" href="/2018/">
  50               <img src="https://static.fsf.org/nosvn/libreplanet/2018/assets/lp2018_logo-small.png"
  51                    class="img-responsive"
  52                    alt="[ LibrePlanet 2018 ]" />
  53             </a>
  54             <p class="navbar-text">
  55                <!-- Heads up! When updating date place, remember to
  56                update it in the lp banner too (see above) -->
  57               <strong>March 24-25th<br> Cambridge, Massachusetts</strong>
  58             </p>
  59           </div>
  60
  61           <div class="collapse navbar-collapse" id="lp-navbar-collapse">
  62
  63             <ul class="nav navbar-nav">
  64               <!--#include virtual="/2018/includes/nav-list-1.html"-->
  65             </ul>
  66
  67             <ul class="nav navbar-nav">
  68               <!--#include virtual="/2018/includes/nav-list-2.html"-->
  69             </ul>
  70           </div><!-- navbar-collapse end -->
  71         </div><!-- navbar container-fluid end -->
  72       </nav>
  73       <!-- end nav for small screens -->