<!DOCTYPE html>
<html class="writer-html5" lang="{{ config.theme.locale|default('en') }}" >
<head>
  {%- block site_meta %}
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {%- if page and page.is_homepage %}<meta name="description" content="{{ config.site_description }}" />{%- endif %}
    {%- if config.site_author %}<meta name="author" content="{{ config.site_author }}" />{%- endif %}
    {%- if page and page.canonical_url %}<link rel="canonical" href="{{ page.canonical_url }}" />{%- endif %}
    {%- if config.site_favicon %}
      <link rel="shortcut icon" href="{{ config.site_favicon|url }}" />
    {%- else %}
      <link rel="shortcut icon" href="{{ 'img/favicon.ico'|url }}" />
    {%- endif %}
  {%- endblock %}

  {%- block htmltitle %}
    <title>{% if page and page.title and not page.is_homepage %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>
  {%- endblock %}

  {%- block styles %}
    <link rel="stylesheet" href="{{ 'css/theme.css'|url }}" />
    <link rel="stylesheet" href="{{ 'css/theme_extra.css'|url }}" />
    {%- if config.theme.highlightjs %}
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/{{ config.theme.hljs_style }}.min.css" />
    {%- endif %}
    {%- for path in config.extra_css %}
        <link href="{{ path|url }}" rel="stylesheet" />
    {%- endfor %}
  {%- endblock %}

  {%- block libs %}
    {% if page %}
      <script>
        // Current page data
        var mkdocs_page_name = {{ page.title|tojson }};
        var mkdocs_page_input_path = {{ page.file.src_path|string|tojson }};
        var mkdocs_page_url = {{ page.abs_url|tojson }};
      </script>
    {% endif %}
    <!--[if lt IE 9]>
      <script src="{{ 'js/html5shiv.min.js'|url }}"></script>
    <![endif]-->
    {%- if config.theme.highlightjs %}
      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
      {%- for lang in config.theme.hljs_languages %}
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/{{lang}}.min.js"></script>
      {%- endfor %}
      <script>hljs.highlightAll();</script>
    {%- endif %}
  {%- endblock %}

  {%- block extrahead %} {% endblock %}

  {%- block analytics %}
    {%- if config.theme.analytics.gtag %}
      <script async src="https://www.googletagmanager.com/gtag/js?id={{ config.theme.analytics.gtag }}"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', {{ config.theme.analytics.gtag|tojson }}{%- if config.theme.analytics.anonymize_ip %}, {'anonymize_ip': true}{%- endif %});
      </script>
    {%- elif config.google_analytics %}
      <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', {{ config.google_analytics[0]|tojson }}, {{ config.google_analytics[1]|tojson }});
        {%- if config.theme.analytics.anonymize_ip %}ga('set', 'anonymizeIp', true);{%- endif %}
        ga('send', 'pageview');
      </script>
    {% endif %}
  {%- endblock %}
</head>

<body class="wy-body-for-nav" role="document">

  <div class="wy-grid-for-nav">

    {#- SIDE NAV, TOGGLES ON MOBILE #}
    <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
    <div class="wy-side-scroll">
      <div class="wy-side-nav-search">
      {%- block site_name %}
        {%- if config.theme.logo %}
          <a href="{{ nav.homepage.url|url }}">
        {%- else %}
          <a href="{{ nav.homepage.url|url }}" class="icon icon-home"> {{ config.site_name }}
        {%- endif %}
        {%- if config.theme.logo %}
          <img src="{{ config.theme.logo|url }}" class="logo" alt="{% trans %}Logo{% endtrans %}"/>
        {%- endif %}
        </a>
      {%- endblock %}
      {%- if config.extra.version %}
        <div class="version">
          {{ config.extra.version }}
        </div>
      {%- endif %}
      {%- block search_button %}
        {%- if 'search' in config.plugins %}{%- include "searchbox.html" %}{%- endif %}
      {%- endblock %}
      </div>

      <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="{% trans %}Navigation menu{% endtrans %}">
        {%- block site_nav %}
          {%- set navlevel = 1 %}
          {%- for nav_item in nav %}
            {%- if nav_item.is_section %}
              {%- if nav_item.is_page %}
                <ul><li{% if nav_item == page %} class="current-section"{% endif %}>
                    <a href="{% if nav_item == page %}#{% else %}{{ nav_item.url|url }}{% endif %}" style="padding: 0; font-size: inherit; line-height: inherit">
              {%- endif %}
              <p class="caption"><span class="caption-text">{{ nav_item.title }}</span></p>
              {%- if nav_item.is_page %}
                    </a>
                </li></ul>
              {%- endif %}
              <ul{% if nav_item.active %} class="current"{% endif %}>
                {%- for nav_item in nav_item.children %}
                  <li class="toctree-l{{ navlevel }}{% if nav_item.active %} current{% endif %}">
                    {%- include 'nav.html' %}
                  </li>
                {%- endfor %}
              </ul>
            {%- elif config.theme.include_homepage_in_sidebar or (not nav_item == nav.homepage) %}
              <ul{% if nav_item.active %} class="current"{% endif %}>
                <li class="toctree-l{{ navlevel }}{% if nav_item.active %} current{% endif %}">
                  {%- include 'nav.html' %}
                </li>
              </ul>
            {%- endif %}
          {%- endfor %}
        {%- endblock %}
      </div>
    </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      {#- MOBILE NAV, TRIGGLES SIDE NAV ON TOGGLE #}
      <nav class="wy-nav-top" role="navigation" aria-label="{% trans %}Mobile navigation menu{% endtrans %}">
        {%- block mobile_nav %}
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="{{ nav.homepage.url|url }}">{{ config.site_name }}</a>
        {% endblock %}
      </nav>

      {#- PAGE CONTENT #}
      <div class="wy-nav-content">
        <div class="rst-content">
          {%- include "breadcrumbs.html" %}
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div class="section" itemprop="articleBody">
              {% block content %}
                {{ page.content }}
              {% endblock %}
            </div>
          </div>
          {%- block footer %}
            {%- include "footer.html" %}
          {% endblock %}
        </div>
      </div>

    </section>

  </div>

  {% include "versions.html" -%}

  {%- block scripts %}
    <script src="{{ 'js/jquery-3.6.0.min.js'|url }}"></script>
    <script>var base_url = {{ base_url|tojson }};</script>
    <script src="{{ 'js/theme_extra.js'|url }}"></script>
    <script src="{{ 'js/theme.js'|url }}"></script>
    {%- for script in config.extra_javascript %}
      {{ script|script_tag }}
    {%- endfor %}
    <script>
        jQuery(function () {
            SphinxRtdTheme.Navigation.enable({{ 'true' if config.theme.sticky_navigation else 'false' }});
        });
    </script>
  {%- endblock %}

</body>
</html>
