<div class="navbar-light navbar-expand-md bs-sidebar hidden-print affix" role="complementary">

    <!--
    <div class=logo-wrap>
        <img src={{ "img/vache.svg"|url }}>
    </div>
    -->
    <div id="toc-collapse" class="navbar-collapse collapse card bg-secondary">
	<div class=toc-header>{{ page.title }}</div>
        <ul class="nav flex-column bs-sidenav">
        {%- for toc_item in page.toc %}
            <li class="nav-item main"><a href="{{ toc_item.url }}">{{ toc_item.title }}</a></li>
            {%- for toc_item in toc_item.children %}
                <li class="nav-item">
                    <a href="{{ toc_item.url }}" class="nav-link{% if toc_item.active %} active{% endif %}">{{ toc_item.title }}</a>
                </li>
            {%- endfor %}
        {%- endfor %}
        </ul>
    </div>
</div>
