doc/_includes/_navbar_top.liquid

   1 {% comment %}
   2 Copyright (C) The Arvados Authors. All rights reserved.
   3
   4 SPDX-License-Identifier: CC-BY-SA-3.0
   5 {% endcomment %}
   6
   7 <div class="navbar navbar-default navbar-fixed-top">
   8   <div class="container-fluid">
   9     <div class="navbar-header">
  10       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse">
  11         <span class="sr-only">Toggle navigation</span>
  12         <span class="icon-bar"></span>
  13         <span class="icon-bar"></span>
  14         <span class="icon-bar"></span>
  15       </button>
  16       <a class="navbar-brand" href="{{ site.baseurl }}/">Arvados<sup>&trade;</sup> Docs</a>
  17     </div>
  18     <div class="collapse navbar-collapse" id="bs-navbar-collapse">
  19       <ul class="nav navbar-nav">
  20         <!--<li {% if page.navsection == 'start' %} class="active" {% endif %}><a href="{{ site.baseurl }}/start/index.html">Getting&nbsp;Started</a></li>-->
  21         <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/index.html">User&nbsp;Guide</a></li>
  22         <li {% if page.navsection == 'sdk' %} class="active" {% endif %}><a href="{{ site.baseurl }}/sdk/index.html">SDKs</a></li>
  23         <li {% if page.navsection == 'architecture' %} class="active" {% endif %}><a href="{{ site.baseurl }}/architecture/index.html">Architecture</a></li>
  24         <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/index.html">API</a></li>
  25         <li {% if page.navsection == 'admin' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/index.html">Admin</a></li>
  26         <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/index.html">Install</a></li>
  27         <li><a href="#" class="dropdown-toggle" role="button" id="versionMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ site.current_version }}{% if site.all_versions != [] %}&nbsp;&#9662;{% endif %}</a>
  28           {% if site.all_versions != [] %}
  29             <div class="dropdown-menu" aria-labelledby="versionMenuLink">
  30             {% for version in site.all_versions %}
  31               &nbsp;<a href="/{{ version }}{{ page.url }}" class="dropdown-item">{{ version }}</a><br/>
  32             {% endfor %}
  33             </div>
  34           {% endif %}
  35         </li>
  36         <li><a href="https://arvados.org" style="padding-left: 2em">arvados.org&nbsp;&raquo;</a></li>
  37       </ul>
  38
  39       <div class="pull-right" style="padding-top: 6px; padding-right: 25px">
  40         <form method="get" action="https://www.google.com/search">
  41           <div class="input-group" style="width: 220px">
  42             <input type="text" class="form-control" name="q" placeholder="search">
  43             <div class="input-group-addon">
  44               <button class="glyphicon glyphicon-search" style="border: 0px" type="submit"></button>
  45             </div>
  46             <input type="hidden" name="sitesearch" value="doc.arvados.org"/>
  47           </div>
  48         </form>
  49       </div>
  50     </div>
  51
  52    <div class="alert alert-block alert-info" style="display: none;" id="annotate-notify">
  53      <div style="margin-top: -26px; font-size: 12pt">Hey!  You can use the annotation sidebar from <a href="https://hypothes.is">hypothes.is</a> to make public comments and private notes
  54        <span style="font-size: 32pt">&rarr;</span></div>
  55       <button type="button" class="close" onclick="dismissAnnotateNotify()">Got it</button>
  56    </div>
  57
  58    <script>
  59      function dismissAnnotateNotify() {
  60          window.localStorage.setItem("dismiss-annotate-notify", "true");
  61          $('#annotate-notify').attr('style', "display: none;");
  62      }
  63      if (window.localStorage.getItem("dismiss-annotate-notify") === "true") {
  64          dismissAnnotateNotify();
  65      } else {
  66          $('#annotate-notify').attr('style', "display: inline-block;");
  67      }
  68    </script>
  69
  70   </div>
  71 </div>