{#
  Page: Full vendored page.html template from sphinx-basic-ng to avoid
  circular references.
#}

{% extends "layout.html" %}

{% block html_tag_attrs %}
data-theme="light" data-mode="auto"
{% endblock %}

{% block head_extra %}
{{ super() }}
{% if technote.abstract %}
<meta name="description" content="{{ technote.abstract }}">
{% endif %}
{% if technote.canonical_url %}
<link rel="canonical" content="{{ technote.canonical_url }}">
{% endif %}
{{ technote.generator_tag }}
{{ technote.opengraph_metadata_tags }}
{{ technote.highwire_metadata_tags }}
{% endblock head_extra %}

{% block body %}

{% block icon_sprites %}
{% include "partials/octicons.html" %}
{% endblock icon_sprites %}

{% block announcement %}
<div class="sb-announcement">
  {% include "sections/announcement.html" %}
</div>
{% endblock announcement %}
{% block header %}
<header class="sb-header">
  <div class="sb-header__inner sb-page-width">
    {% include "sections/header.html" %}
  </div>
</header>
{% endblock header %}
{% block header_secondary %}
<header class="sb-header-secondary">
  <div class="sb-header-secondary__inner sb-page-width">
    {% include "sections/header-secondary.html" %}
  </div>
</header>
{% endblock header_secondary %}

<input type="checkbox" class="sb-sidebar-toggle" name="sb-sidebar-toggle--primary" id="sb-sidebar-toggle--primary">
<input type="checkbox" class="sb-sidebar-toggle" name="sb-sidebar-toggle--secondary" id="sb-sidebar-toggle--secondary">
<label class="sb-sidebar-overlay" for="sb-sidebar-toggle--primary"></label>
<label class="sb-sidebar-overlay" for="sb-sidebar-toggle--secondary"></label>

{% block container %}
<div class="sb-container h-entry">
  <div class="sb-container__inner sb-page-width">
    {% block sidebar_primary %}
    <aside class="sb-sidebar-primary">
      {% include "sections/sidebar-primary.html" %}
    </aside>
    {% endblock sidebar_primary %}
    <main class="sb-main">
      {% block header_content %}
      <header class="sb-header-content">
        <div class="sb-header-content__inner">
          {% include "sections/header-content.html" %}
        </div>
      </header>
      {% endblock header_content %}
      <div class="sb-content">
        {% block content %}
        <div class="sb-article-container">
          <header class="sb-header-article">
            {% include "sections/header-article.html" %}
          </header>
          <article class="sb-article e-content" role="main">
            {% include "sections/article.html" %}
          </article>
          <footer class="sb-footer-article">
            {% include "sections/footer-article.html" %}
          </footer>
        </div>
        {% endblock content %}
        {% block sidebar_secondary %}
        <aside class="sb-sidebar-secondary">
          {% include "sections/sidebar-secondary.html" %}
        </aside>
        {% endblock sidebar_secondary %}
      </div>
      {% block footer_content %}
      <footer class="sb-footer-content">
        <div class="sb-footer-content__inner">
          {% include "sections/footer-content.html" %}
        </div>
      </footer>
      {% endblock footer_content %}
    </main>
  </div>
</div>
{% endblock container %}
{% block footer %}
<footer class="sb-footer">
  <div class="sb-footer__inner sb-page-width">
    {% include "sections/footer.html" %}
  </div>
</footer>
{% endblock footer %}
{% endblock body %}