<li><a href="https://arvados.org" style="padding-left: 2em">arvados.org »</a></li>
</ul>
- <div class="pull-right" style="padding-top: 6px">
+ <div class="pull-right" style="padding-top: 6px; padding-right: 25px">
<form method="get" action="https://www.google.com/search">
<div class="input-group" style="width: 220px">
<input type="text" class="form-control" name="q" placeholder="search">
</form>
</div>
</div>
+
+ <div class="alert alert-block alert-info" style="display: none;" id="annotate-notify">
+ <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
+ <span style="font-size: 32pt">→</span></div>
+ <button type="button" class="close" onclick="dismissAnnotateNotify()">Got it</button>
+ </div>
+
+ <script>
+ function dismissAnnotateNotify() {
+ window.sessionStorage.setItem("dismiss-annotate-notify", "true");
+ $('#annotate-notify').attr('style', "display: none;");
+ }
+ if (window.sessionStorage.getItem("dismiss-annotate-notify") === "true") {
+ dismissAnnotateNotify();
+ } else {
+ $('#annotate-notify').attr('style', "display: inline-block;");
+ }
+ </script>
+
</div>
</div>
<link href="{{ site.baseurl }}/css/carousel-override.css" rel="stylesheet">
<link href="{{ site.baseurl }}/css/button-override.css" rel="stylesheet">
<link href="{{ site.baseurl }}/css/images.css" rel="stylesheet">
+ <script src="{{ site.baseurl }}/js/jquery.min.js"></script>
+ <script src="https://hypothes.is/embed.js" async></script>
<style>
html {
height:100%;
padding-top: 61px;
margin-top: -61px;
}
+
+ #annotate-notify { position: fixed; right: 40px; top: 3px; }
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
{{ content }}
{% else %}
- <div class="container-fluid">
+ <div class="container-fluid" style="padding-right: 30px">
+
<div class="row">
{% include 'navbar_left' %}
<div class="col-sm-9">
</div>
{% endif %}
- <script src="{{ site.baseurl }}/js/jquery.min.js"></script>
- <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
</p>
{% endif %}
-
</body>
</html>