{% extends "base.html" %}

{% block title %}{{ title }} - Makenot.work{% endblock %}

{% block head %}{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <article class="doc-container">
        <nav class="doc-breadcrumb">
            <a href="/docs">Docs</a> / <span>{{ section }}</span>
            <div class="docs-search-container docs-search-inline">
                <input type="text" class="docs-search-input" placeholder="Search docs..." autocomplete="off" />
                <div class="docs-search-results hidden"></div>
            </div>
        </nav>

        <h1 class="doc-title">{{ title }}</h1>

        <div class="doc-body">
            {{ content|safe }}
        </div>
    </article>

    <footer class="text-reader-footer">
        <a href="/">Makenot<span class="dot">.</span>work</a>
    </footer>

    <script src="/static/docs-search.js"></script>
{% endblock %}