2022/includes/banner.html

   1   </head>
   2   <body>
   3
   4     <!-- Place banner here -->
   5
   6
   7
   8 <!-- <div class="lp-archived"> -->
   9 <!--   <p>This is an archive of a past conference. Subscribe below to be notified when the next LibrePlanet is announced.</p> -->
  10 <!-- </div> -->
  11     <!-- Place modal window here -->
  12
  13
  14
  15     <div id="wrapper"> <!-- start of wrapper -->
  16       <div class="lp-banner hidden-xs"> <!--start of lp banner -->
  17                 <div class="container"> <!-- start of container -->
  18                   <div class="row">
  19                         <div class="lp-head"> <!-- start of lp header -->
  20                           <div class="lp-logo col-sm-3 col-xs-5">
  21                                 <a href="/2022/">
  22                                   <img src="/2022/assets/img/logo.svg"
  23                                            class="img-responsive"
  24                                            alt="[ LibrePlanet 2022 ]" />
  25                                 </a>
  26                           </div>
  27                           <div class="lp-date-place col-sm-5 col-xs-2">
  28                             <!-- Heads up! When updating this date and place information,
  29                                  remember to update it in the small
  30                                  screen navbar too (see below) -->
  31                       <p><br><strong>Online</strong></p>
  32                           <p><br><strong>Spring 2022</strong></p>
  33                           </div>
  34                           <!-- #top-right-desktop start -->
  35                           <!--#include virtual="/2022/includes/register-now.html"-->
  36                           <!-- #top-right-desktop end -->
  37                           <!-- #top-right-desktop start -->
  38                           <!--#include virtual="/2022/includes/join-list.html"-->
  39                           <!-- #top-right-desktop end -->
  40                         </div><!-- end of lp header -->
  41
  42                   </div>
  43                 </div> <!-- end of header container -->
  44       </div> <!-- end of lp banner -->
  45
  46       <!-- start nav for small screens -->
  47       <nav class="navbar navbar-default visible-xs">
  48         <div class="container-fluid">
  49           <!-- Brand and toggle get grouped for better mobile display -->
  50           <div class="navbar-header">
  51             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  52                     data-target="#lp-navbar-collapse" aria-expanded="false">
  53               <span class="sr-only">Toggle navigation</span>
  54               <span class="icon-bar"></span>
  55               <span class="icon-bar"></span>
  56               <span class="icon-bar"></span>
  57             </button>
  58             <a class="navbar-brand" href="/2022/">
  59               <img src="/2022/assets/img/logo.svg"
  60                    style="max-width: 100px"
  61                    class="img-responsive"
  62                    alt="[ LibrePlanet 2022 ]" />
  63             </a>
  64             <p class="navbar-text">
  65                <!-- Heads up! When updating date place, remember to
  66                update it in the lp banner too (see above) -->
  67                 <!--Boston area<br />March 14-15, 2020-->
  68             </p>
  69           </div>
  70
  71           <div class="collapse navbar-collapse" id="lp-navbar-collapse">
  72
  73             <ul class="nav navbar-nav">
  74               <!--#include virtual="/2022/includes/nav-list-1.html"-->
  75             </ul>
  76
  77             <ul class="nav navbar-nav">
  78               <!--#include virtual="/2022/includes/nav-list-2.html"-->
  79             </ul>
  80           </div><!-- navbar-collapse end -->
  81         </div><!-- navbar container-fluid end -->
  82       </nav>
  83       <!-- end nav for small screens -->