<!DOCTYPE html>
<html {% if language is not none %} lang="{{ language }}"{% endif %}>
  <head>
    <meta charset="{{ encoding }}">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    {{- metatags }}
    {%- block htmltitle %}
      <title>{{ title|striptags|e }}{{ titlesuffix }}</title>
    {%- endblock %}
    {# <meta name="description" content="{{ description }}"> #}
    {%- block css %}
      <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1)}}">
      <link rel="stylesheet" href="{{ pathto('_static/theme.css', 1)}}">
      <link rel="stylesheet" href="{{ pathto('_static/sphinx_nervproject_theme.css', 1)}}">
    {% if theme_isso %}
      <link rel="stylesheet" href="{{ pathto('_static/isso.css', 1)}}">
      <script data-isso="{{ theme_isso['prefix'] }}"
        data-isso-id="{{ pagename }}"
        data-isso-css="false"
        data-isso-lang="{{ theme_isso['lang'] }}"
        data-isso-reply-to-self="{{ theme_isso['reply_to_self'] }}"
        data-isso-require-author="{{ theme_isso['require_author'] }}"
        data-isso-require-email="{{ theme_isso['require_email'] }}"
        data-isso-reply-notifications="{{ theme_isso['reply_notif'] }}"
        data-isso-max-comments-top="{{ theme_isso['max_comments_top'] }}"
        data-isso-max-comments-nested="{{ theme_isso['max_comments_nested'] }}"
        data-isso-reveal-on-click="{{ theme_isso['reveal_on_click'] }}"
        data-isso-avatar="{{ theme_isso['avatar'] }}"
        data-isso-vote="{{ theme_isso['vote'] }}"
        data-isso-vote-levels="{{ theme_isso['vote_levels'] }}"
        data-isso-feed="{{ theme_isso['feed'] }}"
        src="{{ theme_isso['url'] }}/js/embed.min.js"></script>
      <style id="isso-style"></style>
      {% endif %}
      {%- for css in css_files %}
        {%- if css|attr("rel") %}
          <link rel="{{ css.rel }}" href="{{ pathto(css.filename, 1) }}" type="text/css"{% if css.title is not none %} title="{{ css.title }}"{% endif %} />
        {%- else %}
          <link rel="stylesheet" href="{{ pathto(css, 1) }}" type="text/css" />
      {%- endif %}
    {%- endfor %}
    {%- endblock %}

    {%- block scripts %}
      {# FIXME: use link-preload #}
      <script type="text/javascript" id="documentation_options" data-url_root="{{ pathto('', 1) }}" src="{{ pathto('_static/documentation_options.js', 1) }}"></script>
      {% if theme_fathom %}
        {%- include "util/fathom.html" %}
      {% endif %}

      <!-- sphinx script_files -->
      {%- for scriptfile in script_files %}
        {{ js_tag(scriptfile) }}
      {%- endfor %}

      {# press js #}
      <script src="{{ pathto('_static/theme-vendors.js', 1)}}"></script>
      <script src="{{ pathto('_static/theme.js', 1)}}" defer></script>
    {%- endblock %}
    {%- if pageurl %}
      <link rel="canonical" href="{{ pageurl }}" />
    {%- endif %}
    {# TODO: opensearch #}
    {%- if favicon %}
      <link rel="shortcut icon" href="{{ pathto('_static/' + favicon, 1) }}"/>
    {%- endif %}

    {%- include "util/linktags.html" %}
    {%- block extrahead %} {% endblock %}
  </head>

  <body>
    <div id="app" class="theme-container" :class="pageClasses">
    {%- block container %}
      {%- block header %}{%- include "util/navbar.html" %}{% endblock %}

      {# close sidebar when clicked out of it #}
      <div class="sidebar-mask" @click="toggleSidebar(false)">
      </div>

      <div id="appflex">
        {%- block sidebar %}
          <sidebar @toggle-sidebar="toggleSidebar">
            {# sidebar navlinks displayed only on mobile #}
            <navlinks>
              {% block side_links %}
                {%- include "util/navlinks.html" %}
                {%- include "util/extlinks.html" %}
              {% endblock %}
            </navlinks>
            {%- if sidebars != None %}
              {%- for sidebartemplate in sidebars %}
                {%- include sidebartemplate %}
              {%- endfor %}
            {%- endif %}
          </sidebar>
        {%- endblock %}

        <page>
          {%- block document %}
            {% block body_header %}
              {%- include "util/bodyheader.html" %}
            {%- endblock body_header %}
            <main class="content">
              {% block body %} {% endblock %}
            </main>
          {%- endblock %}
        </page>
      </div>

      {%- block footer %}
        {%- include "util/pagenav.html" %}
        {%- include "util/footer.html" %}
      {%- endblock footer %}

    {%- endblock container %}
    </div>
    {% block footer_scripts %}
    {% endblock %}
  </body>
</html>
