2018-03-07 15:38:00 +00:00
|
|
|
## -*- coding: utf-8 -*-
|
|
|
|
<%namespace name="base" file="base_helper.tmpl" import="*" />
|
|
|
|
<%namespace name="notes" file="annotation_helper.tmpl" import="*" />
|
|
|
|
${set_locale(lang)}
|
|
|
|
${base.html_headstart()}
|
|
|
|
<%block name="extra_head">
|
|
|
|
### Leave this block alone.
|
|
|
|
</%block>
|
|
|
|
${template_hooks['extra_head']()}
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<a href="#content" class="sr-only sr-only-focusable">${messages("Skip to main content")}</a>
|
|
|
|
|
|
|
|
<!-- Menubar -->
|
|
|
|
<nav class="navbar navbar-expand-md navbar-dark bg-dark static-top mb-4">
|
|
|
|
<div class="container"><!-- This keeps the margins nice -->
|
|
|
|
<a class="navbar-brand" href="${abs_link(_link("root", None, lang))}">
|
|
|
|
%if logo_url:
|
|
|
|
<img src="${logo_url}" alt="${blog_title|h}" id="logo" class="d-inline-block align-top">
|
|
|
|
%endif
|
|
|
|
|
|
|
|
% if show_blog_title:
|
|
|
|
<span id="blog-title">${blog_title|h}</span>
|
|
|
|
% endif
|
|
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="bs-navbar">
|
2018-03-08 22:18:39 +00:00
|
|
|
<ul class="navbar-nav mr-auto">
|
2018-03-07 15:38:00 +00:00
|
|
|
${base.html_navigation_links()}
|
|
|
|
${template_hooks['menu']()}
|
|
|
|
<li class="nav-item"><a class="nav-link" href="https://impactstory.org/u/0000-0003-4298-168X">ImpactStory <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
|
|
|
|
<li class="nav-item dropdown">
|
2018-03-08 22:18:39 +00:00
|
|
|
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Data & Code</a>
|
2018-03-07 15:38:00 +00:00
|
|
|
<div class="dropdown-menu">
|
2018-03-08 22:18:39 +00:00
|
|
|
<a class="dropdown-item" href="https://osf.io/7mj2q/">Open Science Framework <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
|
|
|
<a class="dropdown-item" href="https://gitlab.com/VickySteeves">GitLab <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
|
|
|
<a class="dropdown-item" href="https://github.com/VickySteeves">GitHub <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
2018-03-07 15:38:00 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item dropdown">
|
2018-03-08 22:18:39 +00:00
|
|
|
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Social</a>
|
2018-03-07 15:38:00 +00:00
|
|
|
<div class="dropdown-menu">
|
2018-03-08 22:18:39 +00:00
|
|
|
<a class="dropdown-item" href="https://bookwitty.social/@VickySteeves">Mastodon: Bookwitty.Social <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
|
|
|
<a class="dropdown-item" href="https://twitter.com/VickySteeves" >Twitter <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
|
|
|
<a class="dropdown-item" href="https://www.instagram.com/vickysteeves/" >Instagram <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
|
|
|
|
<a class="dropdown-item" href="https://www.linkedin.com/in/victoriaisteeves" >LinkedIn <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
|
2018-03-07 15:38:00 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
%if search_form:
|
|
|
|
${search_form}
|
|
|
|
%endif
|
|
|
|
<ul class="navbar-nav navbar-right">
|
|
|
|
<%block name="belowtitle">
|
|
|
|
%if len(translations) > 1:
|
|
|
|
<li>${base.html_translations()}</li>
|
|
|
|
%endif
|
|
|
|
</%block>
|
|
|
|
% if show_sourcelink:
|
|
|
|
<%block name="sourcelink"></%block>
|
|
|
|
%endif
|
|
|
|
${template_hooks['menu_alt']()}
|
|
|
|
</ul>
|
|
|
|
</div><!-- /.navbar-collapse -->
|
|
|
|
</div><!-- /.container -->
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
<!-- End of Menubar -->
|
|
|
|
|
|
|
|
<div class="container" id="content" role="main">
|
|
|
|
<div class="body-content">
|
|
|
|
<!--Body content-->
|
|
|
|
${template_hooks['page_header']()}
|
|
|
|
<%block name="content"></%block>
|
|
|
|
<!--End of body content-->
|
|
|
|
|
|
|
|
<footer id="footer">
|
|
|
|
${content_footer}
|
|
|
|
${template_hooks['page_footer']()}
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
${base.late_load_js()}
|
|
|
|
<!-- fancy dates -->
|
|
|
|
<script>
|
|
|
|
moment.locale("${momentjs_locales[lang]}");
|
|
|
|
fancydates(${date_fanciness}, ${js_date_format});
|
|
|
|
</script>
|
|
|
|
<!-- end fancy dates -->
|
|
|
|
<%block name="extra_js"></%block>
|
|
|
|
<script>
|
|
|
|
baguetteBox.run('a.reference:not(.islink)', {
|
|
|
|
captions: function(element) {
|
|
|
|
return element.getElementsByTagName('img')[0].alt;
|
|
|
|
}});
|
|
|
|
baguetteBox.run('img:not(.islink)', {
|
|
|
|
captions: function(element) {
|
|
|
|
return element.alt;
|
|
|
|
}});
|
|
|
|
</script>
|
|
|
|
${body_end}
|
|
|
|
${template_hooks['body_end']()}
|
|
|
|
</body>
|
|
|
|
</html>
|