<!DOCTYPE html>
<html lang="en">
<head>
{% include "meta.html" %}
<title>{{ section.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">
{{ section.title }}
</h1>
<h2 class="subtitle">
Docspell Documentation
</h2>
</div>
<div class="column">
<div id="search"></div>
</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 section.ancestors %}
{% set s = get_section(path = parent, metadata_only = true) %}
<li>
<a href="{{ s.permalink }}">{{ s.title }}</a>
</li>
{% endfor %}
<li>
<a href="{{ section.permalink }}">{{ section.title }}</a>
</li>
</ul>
</nav>
{% if section.extra.mktoc %}
<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">
{% for header in section.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>
</div>
</div>
<div class="column is-9">
<div class="container">
<div class="content doc">
{{ section.content | safe }}
</div>
</div>
</div>
</div>
</section>
{% endif %}
{% if not section.extra.mktoc %}
<section class="section pt-2">
<div class="container">
<div class="content doc">
{{ section.content | safe }}
</div>
</div>
</section>
{% endif %}
{% include "footer.html" %}
{% include "search-part.html" %}
{% include "fathom.html" %}
</body>
</html>