---
layout: default
---

<div id="main" role="main">
  {% include blue-hero.html %}

  <div class="container-lg mx-auto">
    <div class="d-flex flex-items-start flex-wrap gutter-md py-6 p-responsive">
      {% include sidebar.html %}

      <article class="page col-12 col-md-9" itemscope itemtype="http://schema.org/CreativeWork">
        {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
        {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
        {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
        {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}

        <section class="page__content" itemprop="text">
          <div class="mb-6 markdown-body">
            {% if page.main-content.includes %}
              {% for child in page.main-content.includes %}
                {% capture my_include %}{% include {{child}} %}{% endcapture %}
                {{ my_include | markdownify }}
              {% endfor %}
            {% else %}
              {{ page.main-content | replace: '<% BASEURL %>', site.baseurl | replace: '<% SITEURL %>', site.url | markdownify }}
            {% endif %}
          </div>

          {% if page.didnt-push %}
            <details class="flash mb-2">
              <summary>{{ site.data.ui-text[page.lang].didnt-push }}</summary>
              <hr class="border-blue-light">
              {% if page.didnt-push.includes %}
                {% for child in page.didnt-push.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              {{ page.didnt-push | markdownify }}
              {% endif %}
            </details>
          {% endif %}

          {% if page.pushed %}
            <details class="flash mb-2 flash-error">
              <summary>{{ site.data.ui-text[page.lang].pushed }}</summary>
              <hr class="border-red-light">
              {% if page.pushed.includes %}
                {% for child in page.pushed.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              {{ page.pushed | markdownify }}
              {% endif %}
            </details>
          {% endif %}

          {% if page.refresh %}
            <details class="flash mb-2 flash-success">
              <summary>{{ site.data.ui-text[page.lang].refresh }}</summary>
              {% if page.refresh.includes %}
                {% for child in page.refresh.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  <hr class="border-green-light">
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              <hr class="border-green-light">
              {{ page.refresh | markdownify }}
              {% endif %}
            </details>
          {% endif %}

          {% if page.show-me-how %}
            <details class="flash mb-2">
              <summary>{{ site.data.ui-text[page.lang].show-me-how }}</summary>
              {% if page.show-me-how.includes %}
                {% for child in page.show-me-how.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  <hr class="border-blue-light">
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              <hr class="border-blue-light">
              <img src="{{site.baseurl}}/{{ page.show-me-how }}" alt="gif of the activities from this page">
              {% endif %}
            </details>
          {% endif %}

          {% if page.troubleshooting %}
            <details class="flash mb-2 flash-error">
              <summary>{{ site.data.ui-text[page.lang].troubleshooting }}</summary>
              {% if page.troubleshooting.includes %}
                {% for child in page.troubleshooting.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  <hr class="border-red-light">
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              <hr class="border-red-light">
              {{ page.troubleshooting | markdownify }}
              {% endif %}
            </details>
          {% endif %}

          {% if page.tell-me-why %}
            <details class="flash mb-2 flash-warn">
              <summary>{{ site.data.ui-text[page.lang].tell-me-why }}</summary>
              <hr class="border-yellow">
              {% if page.tell-me-why.includes %}
                {% for child in page.tell-me-why.includes %}
                  {% capture my_include %}{% include {{child}} %}{% endcapture %}
                  {{ my_include | markdownify }}
                {% endfor %}
              {% else %}
              {{ page.tell-me-why | markdownify }}
              {% endif %}
            </details>
          {% endif %}

          {% if page.help %}
          <div class="flash mb-2 flash-success">
            <div class="float-left p-1 mr-3"><a href="{{ page.help }}" class="btn btn-primary">{{ site.data.ui-text[page.lang].get-help }}</a></div>
            <div class="overflow-hidden">{{ site.data.ui-text[page.lang].stuck }}</div>
          </div>
          {% endif %}

          {% if page.next-page %}
            <a href="{{ site.baseurl }}{{ page.next-page }}" class="btn">{{ site.data.ui-text[page.lang].continue }}</a>
          {% endif %}
          {{ content }}
          {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label }}</a></div>{% endif %}

        </section>

        <footer class="page__meta">
          {% if site.data.ui-text[site.locale].meta_label %}
            <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
          {% endif %}
          {% include page__taxonomy.html %}
          {% if page.modified %}
            <p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time></p>
          {% elsif page.date %}
            <p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
          {% endif %}
        </footer>


        {% if page.share %}{% include social-share.html %}{% endif %}

        {% include post_pagination.html %}

        {% if site.comments.provider and page.comments %}
          {% include comments.html %}
        {% endif %}
      </article>
    </div>
  </div>

  {% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
  {% if page.id and page.related and site.related_posts.size > 0 %}
    <div class="page__related">
      {% if site.data.ui-text[site.locale].related_label %}
        <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label }}</h4>
      {% endif %}
      <div class="grid__wrapper">
        {% for post in site.related_posts limit:4 %}
          {% include archive-single.html type="grid" %}
        {% endfor %}
      </div>
    </div>
  {% endif %}
</div>