{%- extends "karma_sphinx_theme/layout.html" %}

{% set show_source = False %}


{%- block header %}
    <header>
        <div class="container">
            <a class="site-nav-toggle hidden-lg-up"><i class="icon-menu"></i></a>
            <a class="site-title" href="{{ pathto('index') }}">
                <img id="logo" src="https://i.imgur.com/VBkAGej.png" alt="TwitchIO">
            </a>
        </div>
    </header>
{% endblock %}

{%- block content %}
    <div class="main-outer">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-3 site-nav">
                <img id="sidebar-logo" src="https://i.imgur.com/kg4m8NA.png" alt="TwitchIO">
                    {% include "searchbox.html" %}
                    <div class="site-nav-tree">
                        {% block menu %}
                            {% set global_toc = toctree(
                                maxdepth=theme_navigation_depth|int,
                                collapse=False,
                                includehidden=theme_includehidden|tobool,
                                titles_only=theme_titles_only|tobool
                            ) %}
                            {% if global_toc %}
                                {{ global_toc }}
                            {% else %}
                                <div class="local-toc">{{ toc }}</div>
                            {% endif %}
                        {% endblock %}
                    </div>
                </div>
                <div class="col-12 col-lg-9">
                    <div class="document">
                        {% block document %}
                            {% block body %} {% endblock %}
                        {% endblock %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}