doc/_templates/layout.html

{% extends "!layout.html" %}
{% block document %}
  {% if is_release %}
    <div class="wy-alert wy-alert-danger" data-nosnippet>
      The <a href="/latest/{{ pagename }}.html">latest development version</a>
      of this page may be more current than this released {{ version }} version.
    </div>
  {% endif %}
  {{ super() }}
{% endblock %}
{% block menu %}
  <div data-nosnippet>
    {% include "zversions.html" %}
    {{ super() }}
    {% if reference_links %}
    <div class="toctree-wrapper compound">
      <p class="caption"><span class="caption-text">Reference</span></p>
      <ul>
        {% for title, url in reference_links.items() %}
        <li class="toctree-l1">
          <a class="reference internal" href="{{ url }}">{{ title }}</a>
        </li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
  </div>
{% endblock %}
{% block extrahead %}
  <meta name="color-scheme" content="dark light">
  {# Use dark mode loader script to prevent "flashing" of the page on load.
     As we need a <noscript> tag and very specific orderding of the tags, this can't be done via
     the usual add_js_file()/add_css_file() Sphinx API.
     See https://github.com/GoogleChromeLabs/dark-mode-toggle/issues/77 #}
  <noscript id="dark-mode-toggle-stylesheets">
    <link rel="stylesheet" href="{{ pathto('_static/css/light.css', 1) }}" type="text/css" media="(prefers-color-scheme: light)"/>
    <link rel="stylesheet" href="{{ pathto('_static/css/dark.css', 1) }}" type="text/css" media="(prefers-color-scheme: dark)"/>
  </noscript>
  <script src="{{ pathto('_static/js/dark-mode-toggle-stylesheets-loader.min.js', 1) }}"></script>
  <script type="module" src="{{ pathto('_static/js/dark-mode-toggle.min.mjs', 1) }}"></script>
  {% if kapa_website_id %}
  <script async src="https://widget.kapa.ai/kapa-widget.bundle.js"
    data-website-id="{{ kapa_website_id }}"
    data-color-scheme-selector="[data-theme='dark']"
    data-search-mode-enabled="true"
    data-project-name="Zephyr"
    data-modal-title="Zephyr Chatbot"
    data-view-mode="sidebar"
    data-search-result-target="_self"
    data-modal-open-on-command-k="true"
    data-project-color="#7929d2"
    data-project-logo="{{ pathto('_static/images/logo.svg', 1) }}"
    data-modal-logo-hidden="true"
    data-user-analytics-cookie-enabled="false"
    data-button-bg-color="transparent"
    data-button-hover-bg-color="transparent"
    data-button-box-shadow="none"
    data-button-border="none"
    data-button-width="6rem"
    data-button-image-height="50px"
    data-button-image-width="50px"
    data-button-hover-animation-enabled="false"
    data-button-image="{{ pathto('_static/images/chatbot.webp', 1) }}"
    data-button-text=" "
    data-consent-required="true"
    data-consent-screen-title="How does this AI Chat work?"
    data-consent-screen-disclaimer="This AI assistant uses your questions to provide answers based
      on the Zephyr documentation, source code, and GitHub issues and pull requests. Your questions
      and interactions may be anonymously collected and analyzed to improve the quality of the
      documentation by identifying areas for improvement. We don't collect any personally
      identifiable information.
      By clicking &quot;Accept&quot;, you consent to using this AI-powered feature and the
      collection of your data. AI-generated responses may contain inaccuracies, please verify
      important information with the official documentation."
    data-mcp-enabled="true"
    data-mcp-server-url="https://zephyrproject.mcp.kapa.ai"
  ></script>
  {% endif %}
{% endblock %}