docspell/website/site/templates/page.html
2021-02-14 16:01:45 +01:00

105 lines
4.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
{% include "meta.html" %}
<title>{{ page.title }} Docspell Documentation</title>
<link rel="stylesheet" href="/styles.css">
{% include "search-head.html" %}
</head>
<body>
<section class="hero is-info is-small">
<div class="hero-head">
{% include "navbar.html" %}
</div>
<div class="hero-body">
<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>
</div>
</section>
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs"
style="position:sticky; top: 0; z-index:10;">
<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;">
<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">
<div class="container">
<div class="content doc">
{{ page.content | safe }}
</div>
</div>
</div>
</div>
</section>
{% include "footer.html" %}
</body>
{% include "search-part.html" %}
{% include "fathom.html" %}
</html>