---
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">
                    <ul class="nav">
                    {% for section in site.data.navigation_learn %}
                        {% if section.title %}
                            <li ><a href='#'>{{ section.title }}</a>
                        {% endif %}
                            <ul>
                            {% 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 %}active{% endif %}"><a href="{{ doc_url }}">{{ doc_title }}</a></li>
                            {% endfor %}
                            </ul>
                            </li> 
                    {% endfor %}
                    </ul>
                </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-learn.html %} -->

                </article>

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

            </div>

    </div>
</div>