---
layout: default
---

{% assign title = page.title | default: layout.title %}
{% assign prominent_title = page.article_header_title | default: layout.article_header_title %}
{% assign nav = page.navigation | default: layout.navigation %}
{% assign base_url = nav.base_url | default: page.base_url | default: layout.base_url | default: "" %}
{% assign num_top_nav_items = nav.items | size %}

<header class="documentation-header {% if num_top_nav_items > 0 %} has-nav {% endif %}">
  <div class="nav-header">
    <h3 class="title">
      {% capture docs_nav_title %}
        {{ layout.docs_title }}{% if selected_section %}: {{ selected_section.title }}{% endif %}
      {% endcapture %}

      {% if num_top_nav_items > 0 %}
        <a href="javascript: void 0;">{{ docs_nav_title }}</a>
      {% else %}
        <span>{{ docs_nav_title }}</span>
      {% endif %}
    </h3>

    {% if num_top_nav_items > 0 %}
      <span class="nav-toggle-icon">
        <i class="open fas fa-ellipsis-v"></i>
        <i class="close fas fa-times"></i>
      </span>
    {% endif %}
  </div>
</header>


<section class="documentation {% if num_top_nav_items > 0 %}has-nav{% endif %}">
  <nav class="docs-nav">
    <ul class="nav-items">
      {% for item in nav.items %}
        {% include _nav-item.html item=item base_url=base_url %}
      {% endfor %}
    </ul>
  </nav>

  <article>
    <header>
      <div class="title">
        <h1 class="text">{{ prominent_title | default: title }}</h1>
      </div>

      {% if site.github_repo_url or num_top_nav_items > 0 %}
        <nav role="toolbar">
          {% if num_top_nav_items > 0 %}
            <button class="docs-nav-toggle">Toggle table of contents</button>
          {% endif %}

          {% if site.github_repo_url %}
            <a href="{{ site.github_repo_url }}/edit/{{ item_data.docs.github_repo_branch | default: site.default_repo_branch | default: 'main' }}/{{ page.path }}" class="docs-suggest-edits">Suggest edits to this page</a>
          {% endif %}
        </nav>
      {% endif %}

      <div>
        <div class="lead">{{ page.description }}</div>
      </div>

      {% if selected_item.items %}
        <nav class="subitems">
          <h2>Further in this section</h2>

          <ul>
            {% for item in selected_item.items %}
              {% include _nav-item.html item=item base_url=base_url %}
            {% endfor %}
          </ul>
        </nav>
      {% endif %}
    </header>

    <div class="body">
      {{ content }}
    </div>

  </article>
</section>

<script src="{{ "/assets/js/anchor-scroll.js" | relative_url }}"></script>
<script src="{{ "/assets/js/adoc-toc.js" | relative_url }}"></script>