1{% extends "!layout.html" %}
2{% block document %}
3  {% if is_release %}
4    <div class="wy-alert wy-alert-danger" data-nosnippet>
5      The <a href="/latest/{{ pagename }}.html">latest development version</a>
6      of this page may be more current than this released {{ version }} version.
7    </div>
8  {% endif %}
9  {{ super() }}
10{% endblock %}
11{% block menu %}
12  <div data-nosnippet>
13    {% include "zversions.html" %}
14    {{ super() }}
15    {% if reference_links %}
16    <div class="toctree-wrapper compound">
17      <p class="caption"><span class="caption-text">Reference</span></p>
18      <ul>
19        {% for title, url in reference_links.items() %}
20        <li class="toctree-l1">
21          <a class="reference internal" href="{{ url }}">{{ title }}</a>
22        </li>
23        {% endfor %}
24      </ul>
25    </div>
26    {% endif %}
27  </div>
28{% endblock %}
29{% block extrahead %}
30  <meta name="color-scheme" content="dark light">
31  {# Use dark mode loader script to prevent "flashing" of the page on load.
32     As we need a <noscript> tag and very specific orderding of the tags, this can't be done via
33     the usual add_js_file()/add_css_file() Sphinx API.
34     See https://github.com/GoogleChromeLabs/dark-mode-toggle/issues/77 #}
35  <noscript id="dark-mode-toggle-stylesheets">
36    <link rel="stylesheet" href="{{ pathto('_static/css/light.css', 1) }}" type="text/css" media="(prefers-color-scheme: light)"/>
37    <link rel="stylesheet" href="{{ pathto('_static/css/dark.css', 1) }}" type="text/css" media="(prefers-color-scheme: dark)"/>
38  </noscript>
39  <script src="{{ pathto('_static/js/dark-mode-toggle-stylesheets-loader.min.js', 1) }}"></script>
40  <script type="module" src="{{ pathto('_static/js/dark-mode-toggle.min.mjs', 1) }}"></script>
41{% endblock %}
42