  <div id="navbar" class="{{ theme_navbar_class }} navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand small-logo" href="{{ pathto('index') }}">
          <img src="{{ pathto('_static/psychopyLogoType_h240.png', 1) }}" alt="PsychoPy Logo">
        </a>
        <a class="navbar-brand large-logo" href="{{ pathto('index') }}">
          <img src="{{ pathto('_static/psychopyLogoType_h240.png', 1) }}" alt="PsychoPy Logo">
        </a>
        <!-- <span class="navbar-text navbar-version pull-right"><b>{{ version|e }}</b></span> -->
      </div>

        <div class="collapse navbar-collapse nav-collapse w-100 pull-right">
          <ul class="nav navbar-nav ml-auto">
            <li><a href="https://discourse.psychopy.org">Forum</a></li>
            <li><a href="{{ pathto('download') }}" style="font-weight:bold">Download</a></li>
            <li class="dropdown globaltoc-container">
                    <a role="button"
                       id="dLabelGlobalToc"
                       data-toggle="dropdown"
                       data-target="#"
                       href="#">Documentation <b class="caret"></b></a>
                    <ul class="dropdown-menu globaltoc"
                        role="menu"
                        aria-labelledby="dLabelGlobalToc">
                        <ul>
                            <li class="toctree-l1"><a class="reference internal" href="{{ pathto('about/index') }}">About</a>
                            </li>
                            <li class="toctree-l1"><a class="reference internal" href="{{ pathto('documentation') }}">Documentation</a></li>
                            <li class="toctree-l1"><a class="reference internal" href="{{ pathto('api/index') }}">Reference Manual
                                (API)</a></li>
                            <li class="toctree-l1"><a class="reference internal" href="{{ pathto('changelog') }}">Changelog</a>
                            </li>
                            <li class="toctree-l1"><a class="reference internal" href=https://workshops.psychopy.org/teaching/index.html>Resources
                                (e.g. for teaching)</a></li>
                            <li class="toctree-l1"><a class="reference internal" href=https://workshops.psychopy.org/>Workshops</a></li>
                            <li class="toctree-l1"><a class="reference internal" href="{{ pathto('consultancy') }}">
                              Consultancy
                            </a></li>
                        </ul>
                    </ul>
                </li>
            <li><a href="{{ pathto('consultancy') }}" style="font-weight:bold">Consultancy</a></li>
            {% if theme_navbar_links %}
              {%- for link in theme_navbar_links %}
                <li><a href="{{ pathto(*link[1:]) }}">{{ link[0] }}</a></li>
              {%- endfor %}
            {% endif %}
            {% block navbartoc %}
              <!-- {% include "globaltoc.html" %} -->
              {% if theme_navbar_pagenav %}
                {% include "navbartoc.html" %}
              {% endif %}
            {% endblock %}
            <!-- {% if theme_navbar_sidebarrel %}
              {% block sidebarrel %}
                {% include "relations.html" %}
              {% endblock %}
            {% endif %} -->
            {% block navbarextra %}
            {% endblock %}
          </ul>

            <!-- {% block navbarsearch %}
              {% include "navbarsearchbox.html" %}
            {% endblock %} -->

        </div>
    </div>
  </div>
