---
layout: default
---

{% for tutorial in site.data.sitemap.contents %}
  {% if tutorial.title == page.title %}
    {% assign tutorial_index = forloop.index0 %}
    {% assign content_length = forloop.length %}
    {% assign previous = tutorial_index | minus: 1 %}
    {% assign next = tutorial_index | plus: 1 %}
  {% endif %}
{% endfor %}

<div class="section-nav">
  <a href="/">Home</a>
  {% if previous >= 0 %}
    {% assign previous_tutorial = site.data.sitemap.contents[previous] %}
    <div class="section-sib">
      &#x21b3; <a href="{{ previous_tutorial.url }}">{{ previous_tutorial.title }}</a>
    </div>
  {% endif %}

  <div class="section-sib">&#x21b3; <div class="cur-text">{{ page.title }}</div></div>

  {% for tutorial in site.data.sitemap.contents %}
    {% if tutorial.title == page.title %}
      {% for section in tutorial.sections %}
        {% unless section.sidenote %}
          <div class="childlinks">
            &#x21b3; <a href="{{ section.url }}">{{ section.name }}</a>
          </div>
        {% endunless %}
      {% endfor %}
    {% endif %}
  {% endfor %}

  {% if site.data.sitemap.contents[next].title %}
    {% assign next_tutorial = site.data.sitemap.contents[next] %}
    <div class="section-sib">
      &#x21b3; <a href="{{ next_tutorial.url }}">{{ next_tutorial.title }}</a>
    </div>
  {% endif %}
</div>

{{content}}

<div class="tutorial-nav">
  {% if previous >= 0 %}
    {% assign previous_tutorial = site.data.sitemap.contents[previous] %}
    <div class="previous">Previous: <a href="{{ previous_tutorial.url }}">
    {{ previous_tutorial.title }}</a></div>
  {% endif %}

  {% if site.data.sitemap.contents[next].title %}
    {% assign next_tutorial = site.data.sitemap.contents[next] %}
    <div class="next">Next: <a href="{{ next_tutorial.url }}">
    {{ next_tutorial.title }}</a></div>
  {% endif %}
</div>