---
layout: default
---

<div class="uk-section">
    <div class="uk-container">
        <div class="uk-grid-large" data-uk-grid>

            <div class="sidebar-fixed-width uk-visible@m">
                <div class="sidebar-docs uk-position-fixed">
                  <!--  -->
                    {% for section in site.data.navigation_storage %}
                    {% if section.title %}
                         <h5>{{ section.title }}</h5>
                    {% endif %}
                    <ul class="uk-nav uk-nav-default doc-nav">
                    {% for doc in section.docs %}
                      {% assign doc_url = doc | prepend:"/" | append:".html" %}
                      <!-- {% assign p =  site.docs | where:"url", doc_url | first %} -->
                      {% for col in site.collections %}
                        {% for item in col.docs %}
                            {% if item.url == doc_url %}
                                 {% assign doc_title = item.title %}
                             {% else %}
                               {% comment %}Do nothing{% endcomment %}
                             {% endif %}
                        {% endfor %}
                      {% endfor %}
                          <li class="{% if doc_url == page.url %}uk-active{% endif %}"><a href="{{ doc_url }}">{{ doc_title }}</a></li>
                    {% endfor %}
                    </ul>
                    {% endfor %}
                  <!--  -->
                </div>
            </div>

            <div class="uk-width-1-1 uk-width-expand@m">

                <article markdown="span" class="uk-article">

                    <h1 class="uk-article-title">{{ page.title | escape }}</h1>

                    {% if page.subtitle %}<p class="subtitle uk-text-lead uk-text-muted">{{ page.subtitle }}</p>{% endif %}


                    <div class="uk-article-meta uk-margin-top uk-margin-medium-bottom">
                        {% include post-meta.html %}
                    </div>

                    <div markdown="span" class="article-content">
                        {{ content }}
                        {% include share.html %}
                        {% include footer.html %}
                    </div>

                    <hr class="uk-margin-medium">

                    {% include paginate-doc.html %}

                    <!-- {% include related-storage.html %} -->

                </article>

                <script>
                    // Table of contents scroll to
                    UIkit.scroll('#markdown-toc a', {
                        duration: 400,
                        offset: 120
                    });
                </script>

            </div>

    </div>
</div>