2020/includes/banner.html

   1   </head>
   2   <body>
   3
   4     <!-- Place banner here -->
   5 <div class="lp-archived">
   6   <b><p><a href="https://www.fsf.org/blogs/community/libreplanet-2020-in-person-component-canceled-but-well-see-you-online">LibrePlanet 2020 is moving online due to concerns over the ongoing COVID-19 outbreak. All formal and "extracurricular" in-person events associated with LibrePlanet 2020 have been canceled.</a></p><p>Please show your support to the FSF through a <a href="https://fsf.org/donate">donation</a>.</p></b>
   7 </div>
   8     <!-- Place modal window here -->
   9
  10     <div id="wrapper"> <!-- start of wrapper -->
  11       <div class="lp-banner hidden-xs"> <!--start of lp banner -->
  12                 <div class="container"> <!-- start of container -->
  13                   <div class="row">
  14                         <div class="lp-head"> <!-- start of lp header -->
  15                           <div class="lp-logo col-sm-3 col-xs-5">
  16                                 <a href="/2020/">
  17                                   <img src="/2020/assets/img/logo.svg"
  18                                            class="img-responsive"
  19                                            alt="[ LibrePlanet 2020 ]" />
  20                                 </a>
  21                           </div>
  22                           <div class="lp-date-place col-sm-5 col-xs-2">
  23                             <!-- Heads up! When updating this date and place information,
  24                                  remember to update it in the small
  25                                  screen navbar too (see below) -->
  26                       <p><br><strong>Online<br />
  27                               March 14-15, 2020</strong></p>
  28                           </div>
  29                           <!-- #top-right-desktop start -->
  30                           <!--#include virtual="/2020/includes/register-now.html"-->
  31                           <!-- #top-right-desktop end -->
  32                           <!-- #top-right-desktop start -->
  33                           <!--#include virtual="/2020/includes/join-list.html"-->
  34                           <!-- #top-right-desktop end -->
  35                         </div><!-- end of lp header -->
  36
  37                   </div>
  38                 </div> <!-- end of header container -->
  39       </div> <!-- end of lp banner -->
  40
  41       <!-- start nav for small screens -->
  42       <nav class="navbar navbar-default visible-xs">
  43         <div class="container-fluid">
  44           <!-- Brand and toggle get grouped for better mobile display -->
  45           <div class="navbar-header">
  46             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  47                     data-target="#lp-navbar-collapse" aria-expanded="false">
  48               <span class="sr-only">Toggle navigation</span>
  49               <span class="icon-bar"></span>
  50               <span class="icon-bar"></span>
  51               <span class="icon-bar"></span>
  52             </button>
  53             <a class="navbar-brand" href="/2020/">
  54               <img src="/2020/assets/img/logo.svg"
  55                    style="max-width: 100px"
  56                    class="img-responsive"
  57                    alt="[ LibrePlanet 2020 ]" />
  58             </a>
  59             <p class="navbar-text">
  60                <!-- Heads up! When updating date place, remember to
  61                update it in the lp banner too (see above) -->
  62                 Boston area<br />March 14-15, 2020
  63             </p>
  64           </div>
  65
  66           <div class="collapse navbar-collapse" id="lp-navbar-collapse">
  67
  68             <ul class="nav navbar-nav">
  69               <!--#include virtual="/2020/includes/nav-list-1.html"-->
  70             </ul>
  71
  72             <ul class="nav navbar-nav">
  73               <!--#include virtual="/2020/includes/nav-list-2.html"-->
  74             </ul>
  75           </div><!-- navbar-collapse end -->
  76         </div><!-- navbar container-fluid end -->
  77       </nav>
  78       <!-- end nav for small screens -->