{%- extends "basic/layout.html" %}

{% set show_source = False %}
{% set style = 'style.css' %}

{%- block extrahead %}
  {{ super() }}
  <meta name="viewport" content="width=device-width, initial-scale=1">
{% endblock %}

{%- block relbar2 %}{% endblock %}

{%- block rootrellink %}
  {# Perhaps override the relbar() macro to place this on the right side of the link list? #}
  <li class="right"{% if not rellinks %} style="margin-right: 10px"{% endif %}>
    <a title="settings" accesskey="S" onclick="openModal(settingsModal);">settings</a>{{ reldelim2 }}</li>
  {{ super() }}
{% endblock %}

{% block header %}
  {{ super() }}
  {% if pagename == 'index' %}
  <div class="indexwrapper">
  {% endif %}
{% endblock %}

{%- block content %}
  <div id="settings" class="modal" style="display: none;" onclick="if (event.target == this){ closeModal(settingsModal); }">
    <div class="modal-content">
      <span class="close" onclick="closeModal(settingsModal);" title="Close">&times;</span>
      <h1>Settings</h1>

      <div class='setting'>
        <h3>Use a sans-serif font:
          <label class="toggle" title="Use a sans serif font? Your system font will be used, falling back to `sans-serif`.">
            <input type="checkbox" name="useSansFont" onclick="updateSetting(this);">
            <span class="toggle-slider"></span>
          </label>
        </h3>
      </div>

    </div>
  </div>
  {{ super() }}
{% endblock %}


{%- block footer %}
  <div class="footer">
    &copy; Copyright {{ copyright }}.
    {% trans sphinx_version=sphinx_version|e %}Created using <a href="http://sphinx-doc.org/">Sphinx</a> {{ sphinx_version }}.{% endtrans %}
  </div>
  {% if pagename == 'index' %}
  </div>
  {% endif %}

  {%- if READTHEDOCS %}
  <script>
    if (typeof READTHEDOCS_DATA !== 'undefined') {
        if (!READTHEDOCS_DATA.features) {
          READTHEDOCS_DATA.features = {};
        }
        READTHEDOCS_DATA.features.docsearch_disabled = true;
      }
    </script>
  {%- endif %}
{%- endblock %}