19201: add a liquid comment that explains what to do when changing the
[arvados.git] / 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 {% comment %}
53 The div with id "old-version-warning" is automatically enabled by the Apache
54 config under certain conditions, as described at
55 https://dev.arvados.org/projects/ops/wiki/Docarvadosorg.  Changing the class
56 should be safe, but please double check the matching and substitution that is
57 done in the Apache config to be sure before you modify this div.
58 {% endcomment %}
59    <div class="alert alert-block alert-info" style="display: none;" id="old-version-warning">
60      WARNING - you are viewing the documentation for an old version of Arvados. For the latest version, click <a href="/">here</a>.
61    </div>
62    <div class="alert alert-block alert-info" style="display: none;" id="annotate-notify">
63      <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
64        <span style="font-size: 32pt">&rarr;</span></div>
65       <button type="button" class="close" onclick="dismissAnnotateNotify()">Got it</button>
66    </div>
67
68    <script>
69      function dismissAnnotateNotify() {
70          window.localStorage.setItem("dismiss-annotate-notify", "true");
71          $('#annotate-notify').attr('style', "display: none;");
72      }
73      if (window.localStorage.getItem("dismiss-annotate-notify") === "true") {
74          dismissAnnotateNotify();
75      } else {
76          $('#annotate-notify').attr('style', "display: inline-block;");
77      }
78    </script>
79
80   </div>
81 </div>