docspell/website/site/templates/page.html

105 lines
4.1 KiB
HTML
Raw Normal View History

2020-07-27 20:13:22 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
2020-07-30 23:14:09 +00:00
{% include "meta.html" %}
<title>{{ page.title }} Docspell Documentation</title>
2020-07-27 20:13:22 +00:00
<link rel="stylesheet" href="/styles.css">
2020-09-29 22:17:18 +00:00
{% include "search-head.html" %}
2020-07-27 20:13:22 +00:00
</head>
<body>
<section class="hero is-info is-small">
<div class="hero-head">
{% include "navbar.html" %}
</div>
<div class="hero-body">
2020-09-29 22:17:18 +00:00
<div class="columns is-vcentered">
<div class="column is-8">
<h1 class="title">
{{ page.title }}
</h1>
<h2 class="subtitle">
Docspell Documentation
</h2>
</div>
<div class="column">
<id id="search"></id>
</div>
</div>
2020-07-27 20:13:22 +00:00
</div>
</section>
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs"
style="position:sticky; top: 0; z-index:10;">
2020-07-27 20:13:22 +00:00
<ul>
{% for parent in page.ancestors %}
{% set s = get_section(path = parent, metadata_only = true) %}
<li>
<a href="{{ s.permalink }}">{{ s.title }}</a>
</li>
{% endfor %}
<li>
<a href="{{ page.permalink }}">{{ page.title }}</a>
</li>
</ul>
</nav>
<section class="section pt-2">
<div class="columns is-desktop">
<div class="column is-3">
<div class="menu"
style="position:sticky; top:2rem; z-index:10;">
2020-07-27 20:13:22 +00:00
<ul class="menu-list">
{% set last = page.ancestors | last %}
{% set s = get_section(path=last) %}
<p class="menu-label">
{{ s.title }}
</p>
{% for sub in s.pages %}
{% set sub_is_current = page.permalink == sub.permalink %}
<li>
<a href="{{ sub.permalink | safe }}"
{% if sub_is_current %}class="is-active"{% endif %}>
{{ sub.title | title }}
</a>
{% if sub_is_current %}
<ul class="menu-list">
{% for header in page.toc %}
<li>
<a href="{{ header.permalink }}">
{{ header.title }}
</a>
<ul>
{% for subhead in header.children %}
<li>
<a href="{{ subhead.permalink }}">
{{ subhead.title }}
</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="column is-9">
2020-07-30 20:27:10 +00:00
<div class="container">
<div class="content doc">
{{ page.content | safe }}
</div>
2020-07-27 20:13:22 +00:00
</div>
</div>
</div>
</section>
{% include "footer.html" %}
</body>
2020-09-29 22:17:18 +00:00
{% include "search-part.html" %}
{% include "fathom.html" %}
2020-07-27 20:13:22 +00:00
</html>