<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{{ title_prefix }}{{ title }}{{ title_suffix }}</title>
<link rel="stylesheet" href="static/style.css">
<script src="https://cdn.jsdelivr.net/npm/cash-dom@1.3.5/dist/cash.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML"></script>

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
        processEscapes: true,
        processEnvironments: true
    },
    // Center justify equations in code and markdown cells. Elsewhere
    // we use CSS to left justify single line equations in code cells.
    displayAlign: 'center',
    "HTML-CSS": {
        styles: {'.MathJax_Display': {"margin": 0}},
        linebreaks: { automatic: true }
    }
});
</script>


</head>
<body class="off-canvas off-canvas-sidebar-show">

    <a class="off-canvas-toggle btn btn-primary btn-action" href="#sidebar">
        <i class="icon icon-menu"></i>
    </a>

    <div id="sidebar" class="off-canvas-sidebar">
        <div id="sidebar-title">
            <h2>{{ title_sidebar }}</h2>
        </div>

        <div id="sidebar-toc">
            {% if toc_pre %}
            <ul class="menu menu-nav nav" id="menu-pre">
            {% for entry in toc_pre -%}
                <li class="nav-item"><a href="{{entry.htmlfile}}">{{ entry.title }}</a></li>
            {%- endfor %}
            </ul>
            {% endif %}
            <ul class="menu menu-nav nav" id="menu-main">
            {% for entry in toc -%}
                {{ entry }}
            {%- endfor %}
            </ul>
            {% if toc_post %}
            <ul class="menu menu-nav nav" id="menu-post">
            {% for entry in toc_post %}
                <li class="nav-item"><a href="{{entry.htmlfile}}">{{ entry.title }}</a></li>
            {% endfor %}
            </ul>
            {% endif %}

        </div>
    </div>

    <a class="off-canvas-overlay" href="#close"></a>

    <div class="off-canvas-content" id="content">
        {{body}}

        <footer>
            built with <a href="https://github.com/r4lv/jpy-flette">jpy-flette</a>
        </footer>
    </div>



    {{ inject }}
    <script src="static/script.js"></script>

</body>
</html>