header.html

<header id="mainheader">
  <nav id="navbar">
    <div class="navcontainer">
    <a class="brand-logo" href="{{ site.baseurl }}/">
      <img src="/assets/images/simbricks_logo.svg" alt="SimBricks Logo" id="logo"/>
    </a>

    <button id="navbutton">=</button>
    <script type="text/javascript">
      $(document).ready(function(){
        $('#navbutton').click(function(){
          $('ul.l1').toggleClass("l1-active");
        });
      });
    </script>

    <ul class="l1">
      {% for p in site.data.navigation.nav %}
      {%- capture li_id -%}submenu-{{ forloop.index }}{%- endcapture -%}
      {%- if page.permalink == p.link || p.link == "/" -%}
      <li id="{{li_id}}" class="current-l1">
      {%- else %}
      <li id="{{li_id}}">
      {%- endif %}
        {%- if p.children -%}
        {{ p.title }}
          <button class="collapse-children"
            onclick="navCollapseChildren('{{li_id}}')">&and;
            </button><button class="expand-children"
            onclick="navExpandChildren('{{li_id}}')">&or;</button>
          <ul class="l2">
            {% for sp in p.children %}
              {%- if page.permalink == sp.link -%}
                <li class="current-l2">
              {%- else -%}
                <li>
              {%- endif -%}
                <a class="l2" href="{{ site.baseurl }}{{ sp.link }}"
                  title="{{ sp.title }}">{{ sp.title }}</a>
              </li>
              </li>
            {% endfor %}
          </ul>
        {%- else %}
        <a class="l1" href="{{ site.baseurl }}{{ p.link }}"
        title="{{ p.title }}">{{ p.title }}</a>
        {%- endif %}
      </li>
      {% endfor %}

      <li class="github-stars">
        <div class="github-button">
          <a class="github-button" href="https://github.com/simbricks/simbricks"
          data-size="large" data-show-count="true"
          aria-label="Star SimBricks on GitHub"></a>
        </div>
      </li>
      <li class="meeting-button">
        <a href="{{ site.baseurl }}/booking/co-founder"
          title="Talk to a Co-Founder">Talk to a Co-Founder</a>
      </li>
      <li class="demo-button">
        <a href="{{ site.baseurl }}/demo/"
          title="Try SimBricks Now">Try SimBricks Now</a>
      </li>
    </ul>
    </div>
  </nav>
</header>