<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="width=device-width,initial-scale=1" name="viewport"/>
    <meta content="ie=edge" http-equiv="x-ua-compatible"/>
    <link crossorigin="" href="https://fonts.gstatic.com/" rel="preconnect"/>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto:300,400,400i,700&amp;display=fallback" rel="stylesheet"/>
    <style>
        body,
        input {
            font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif
        }

        code,
        kbd,
        pre {
            font-family: "Roboto Mono", "Courier New", Courier, monospace
        }
    </style>
    <link href="{{ STATIC }}/stylesheets/application.css" rel="stylesheet"/>
    <link href="{{ STATIC }}/stylesheets/application-palette.css" rel="stylesheet"/>
    <link href="{{ STATIC }}/stylesheets/application-fixes.css" rel="stylesheet"/>
    <link href="{{ STATIC }}/fonts/material-icons.css" rel="stylesheet"/>
    <meta content="#2196f3" name="theme-color"/>
    <script src="{{ STATIC }}/javascripts/modernizr.js"></script>
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-XXXXX');
    </script>
    <link href="{{ STATIC }}/images/apple-icon-152x152.png" rel="apple-touch-icon"/>
    <title>
        {{ title }} — {{ volume.config.title }}
    </title>
    <link href="{{ STATIC }}/material.css" rel="stylesheet" type="text/css"/>
    <link href="{{ STATIC }}/css/rtd_sphinx_search.min.css" rel="stylesheet" type="text/css"/>
    <script data-url_root="{{ ROOT }}" id="documentation_options" src="{{ STATIC }}/documentation_options.js"></script>
    <script src="{{ STATIC }}/jquery.js"></script>
    <script src="{{ STATIC }}/underscore.js"></script>
    <script src="{{ STATIC }}/doctools.js"></script>
    <script src="{{ STATIC }}/clipboard.min.js"></script>
    <script src="{{ STATIC }}/copybutton.js"></script>
    <script src="{{ STATIC }}/js/rtd_sphinx_search.min.js"></script>
    <script crossorigin="anonymous" integrity="sha256-Ae2Vz/4ePdIu6ZyI/5ZGsYnb+m0JlOmKPjt6XZ9JJkA=" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js"></script>
    <script async="async" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
    <script>
        window.MathJax = {"tex": {"inlineMath": [["$", "$"], ["\\(", "\\)"]], "processEscapes": true}, "options": {"ignoreHtmlClass": "document", "processHtmlClass": "math|output_area"}}
    </script>
    <link href="{{ STATIC }}/favicon.ico" rel="shortcut icon"/>
    <link href="genindex.html" rel="index" title="Index"/>
    <link href="search.html" rel="search" title="Search"/>
    <link href="subpage/index.html" rel="next" title="Level 1 page"/>
    <link href="specimen.html" rel="prev" title="Specimen"/>
    <link href="{{ STATIC }}/images/apple-icon-152x152.png" rel="apple-touch-icon"/>

    {{ head | indent(4) -}}

    {% if theme_data.get("enable_custom_css") %}
        <link rel="stylesheet" type="text/css" href="{{ RESOURCES }}/custom.css"/>
    {% endif %}
</head>
<body data-md-color-primary="{{ theme_data.get('color_primary') }}" data-md-color-accent="{{ theme_data.get('color_accent') }}" dir="ltr">
    <svg class="md-svg">
        <defs data-children-count="0">
            <svg height="448" id="__github" viewbox="0 0 416 448" width="416" xmlns="http://www.w3.org/2000/svg">
                <path d="M160 304q0 10-3.125 20.5t-10.75 19T128 352t-18.125-8.5-10.75-19T96 304t3.125-20.5 10.75-19T128 256t18.125 8.5 10.75 19T160 304zm160 0q0 10-3.125 20.5t-10.75 19T288 352t-18.125-8.5-10.75-19T256 304t3.125-20.5 10.75-19T288 256t18.125 8.5 10.75 19T320 304zm40 0q0-30-17.25-51T296 232q-10.25 0-48.75 5.25Q229.5 240 208 240t-39.25-2.75Q130.75 232 120 232q-29.5 0-46.75 21T56 304q0 22 8 38.375t20.25 25.75 30.5 15 35 7.375 37.25 1.75h42q20.5 0 37.25-1.75t35-7.375 30.5-15 20.25-25.75T360 304zm56-44q0 51.75-15.25 82.75-9.5 19.25-26.375 33.25t-35.25 21.5-42.5 11.875-42.875 5.5T212 416q-19.5 0-35.5-.75t-36.875-3.125-38.125-7.5-34.25-12.875T37 371.5t-21.5-28.75Q0 312 0 260q0-59.25 34-99-6.75-20.5-6.75-42.5 0-29 12.75-54.5 27 0 47.5 9.875t47.25 30.875Q171.5 96 212 96q37 0 70 8 26.25-20.5 46.75-30.25T376 64q12.75 25.5 12.75 54.5 0 21.75-6.75 42 34 40 34 99.5z" fill="currentColor">
                </path>
            </svg>
        </defs>
    </svg>

    <input class="md-toggle" data-md-toggle="drawer" id="__drawer" type="checkbox" />
    <label class="md-overlay" data-md-component="overlay" for="__drawer">
    </label>

    <header class="md-header" data-md-component="header" style="
        {% with header_background = theme_data.get("header_background") %}
          {% if header_background %} background: {{ header_background }}; {% endif %}
        {% endwith %}
        {% with header_text_color = theme_data.get("header_text_color") %}
          {% if header_text_color %} color: {{ theme_data.header_text_color }}; {% endif %}
        {% endwith %}
        {% with header_shadow = theme_data.get("header_shadow") %}
          {% if not header_shadow %} box-shadow: none; {% endif %}
        {% endwith %}
    ">
        <nav class="md-header-nav md-grid">
            <div class="md-flex navheader">
                <div class="md-flex__cell md-flex__cell--shrink">
                    <a class="md-header-nav__button md-logo" href="{{ ROOT_PAGE }}">
                        {% if theme_data.get("logo") %}
                          <img src="{{ RESOURCES }}/{{ theme_data["logo"] }}" alt="{{ volume.config.title }}" style="height:1em;"/>
                        {% else %}
                          <i class="md-icon"></i>
                        {% endif %}
                    </a>
                </div>
                <div class="md-flex__cell md-flex__cell--shrink">
                    <label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"></label>
                </div>
                <div class="md-flex__cell md-flex__cell--stretch">
                    <div class="md-flex__ellipsis md-header-nav__title" data-md-component="title">
                        <span class="md-header-nav__topic">{{ volume.config.title }}</span>
                        <span class="md-header-nav__topic">{{ title }}</span>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <div class="md-container">
        <main class="md-main">
            <div class="md-main__inner md-grid" data-md-component="container">
                <div class="md-sidebar md-sidebar--primary" data-md-component="navigation">
                    <div class="md-sidebar__scrollwrap">
                        <div class="md-sidebar__inner">
                            <nav class="md-nav md-nav--primary" data-md-level="0">
                                <label class="md-nav__title md-nav__title--site" for="__drawer" style="
                                    {% with header_background = theme_data.get("header_background") %}
                                      {% if header_background %} background: {{ header_background }}; {% endif %}
                                    {% endwith %}
                                    {% with header_text_color = theme_data.get("header_text_color") %}
                                      {% if header_text_color %} color: {{ theme_data.header_text_color }}; {% endif %}
                                    {% endwith %}
                                    {% with header_shadow = theme_data.get("header_shadow") %}
                                      {% if not header_shadow %} box-shadow: none; {% endif %}
                                    {% endwith %}
                                ">
                                    <a class="md-nav__button md-logo" href="{{ ROOT_PAGE }}" title="{{ title }}">
                                        {% if theme_data.get("logo") %}
                                        <img src="{{ RESOURCES }}/{{ theme_data["logo"] }}" alt="{{ volume.config.title }}" style="height:1em;"/>
                                        {% else %}
                                        <i class="md-icon"></i>
                                        {% endif %}
                                    </a>
                                </label>
                                <ul class="md-nav__list">
                                    {% for item in toc() recursive %}
                                        <li class="md-nav__item">
                                            {% if item.is_current %}
                                                <span class="md-nav__link caption"><span class="caption-text">{{ item.title }}</span></span>
                                            {% elif item.is_breadcrumb %}
                                                <a class="md-nav__link nav__link--active" href="{{ item.url }}">{{ item.number.format('{}.') }}{{ item.title }}</a>
                                            {% elif item.is_collapsed %}
                                                <a class="md-nav__link" href="{{ item.url }}">►{{ item.number.format('{}.') }}{{ item.title }}</a>
                                            {% else %}
                                                <a class="md-nav__link" href="{{ item.url }}">{{ item.title }}</a>
                                            {% endif %}

                                            {% if item.children %}
                                                <ul>
                                                    {{ loop(item.children) }}
                                                </ul>
                                            {% endif %}
                                        </li>
                                    {% endfor %}
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>

                {% set local_toc = local_toc() %}
                {%  if local_toc %}
                  <div class="md-sidebar md-sidebar--secondary" data-md-component="toc" style="height: 853px;" data-md-state="">
                    <div class="md-sidebar__scrollwrap">
                      <div class="md-sidebar__inner">
                        <nav class="md-nav md-nav--secondary" data-md-scrollfix="">
                          <label class="md-nav__title" for="__toc">{{ theme_data.get("local_toc_title", "Contents") }}</label>
                          <ul class="md-nav__list">

                            {% for item in local_toc recursive %}
                              <li class="md-nav__item">
                                <a class="md-nav__link" data-md-state="" href="{{ item.url }}">{{ item.title }}</a>
                                {% if item.children %}
                                  <nav class="md-nav md-nav--secondary">
                                    <ul class="md-nav__list">
                                      {{ loop(item.children) }}
                                    </ul>
                                  </nav>
                                {% endif %}
                              </li>
                            {% endfor %}

                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                {% endif %}

                <div class="md-content">
                    <article class="md-content__inner md-typeset" role="main">

                        <h1>
                            {{ number.format('{}.') }}
                            {{ title }}
                        </h1>

                        {{ body }}

                    </article>
                </div>
            </div>
        </main>
    </div>
    <footer class="md-footer">
        <div class="md-footer-meta md-typeset">
            <div class="md-footer-meta__inner md-grid">
                <div class="md-footer-copyright">
                    Built at {{ now }}
                </div>
            </div>
        </div>
    </footer>
    <script src="{{ STATIC }}/javascripts/application.js"></script>
    <script>
        app.initialize({version: "1.0.4", url: {base: ".."}})
    </script>
</body>
</html>
