{{- if .Site.Menus.projects }}
<li class="menu-item menu-item-has-children">
    <button class="main-navigation-arrow-btn" aria-expanded="false">
        <span class="screen-reader-text">{{ i18n "sub-menu-toggle" }}</span>
        <a href="#">{{ i18n "projects" }}</a>
        <svg class="svg-icon" width="24" height="24" version="1.1" id="svg3" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
            <defs id="defs1">
              <path d="m 0,4.125 h 48 v 6 H 0 Z m 0,0" fill="#5bcefa" id="aXRKiF9KfND" />
              <path d="m 0,20.625 h 36 v 6 H 0 Z m 0,0" fill="#ffffff" id="bEbTfLzOf3X" />
              <path d="m 0,37.125 h 24 v 6 H 0 Z m 0,0" fill="#f5a9b8" id="cCW18mz3Gnz" />
            </defs>
            <use xlink:href="#aXRKiF9KfND" mask="url(#f)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use1" />
            <use xlink:href="#bEbTfLzOf3X" mask="url(#h)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use2" />
            <use xlink:href="#cCW18mz3Gnz" mask="url(#j)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use3" />
        </svg>
    </button>
    <ul class="sub-menu">
        {{ with .Site.Menus.projects }}
            {{ range sort . }}
                <li class="menu-item menu-item-type-post_type menu-item-object-page">
                    <a href="{{ .URL }}" {{ if eq $.RelPermalink .URL }} class="active" {{ end }}>{{ .Name }}</a>
                </li>
            {{ end }}
        {{ end }}
    </ul>
</li>
{{- end }}

{{- if .Site.Menus.resources }}
<li class="menu-item menu-item-has-children">
    <button class="main-navigation-arrow-btn" aria-expanded="false">
        <span class="screen-reader-text">{{ i18n "sub-menu-toggle" }}</span>
        <a href="#">{{ i18n "resources" }}</a>
        <svg class="svg-icon" width="24" height="24" version="1.1" id="svg3" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
            <defs id="defs1">
              <path d="m 0,4.125 h 48 v 6 H 0 Z m 0,0" fill="#5bcefa" id="aXRKiF9KfND" />
              <path d="m 0,20.625 h 36 v 6 H 0 Z m 0,0" fill="#ffffff" id="bEbTfLzOf3X" />
              <path d="m 0,37.125 h 24 v 6 H 0 Z m 0,0" fill="#f5a9b8" id="cCW18mz3Gnz" />
            </defs>
            <use xlink:href="#aXRKiF9KfND" mask="url(#f)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use1" />
            <use xlink:href="#bEbTfLzOf3X" mask="url(#h)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use2" />
            <use xlink:href="#cCW18mz3Gnz" mask="url(#j)" transform="matrix(0.375,0,0,0.35897436,3,3.5192308)" id="use3" />
        </svg>
    </button>
    <ul class="sub-menu">
        {{ with .Site.Menus.resources }}
            {{ range sort . }}
                <li class="menu-item menu-item-type-post_type menu-item-object-page">
                    <a href="{{ .URL }}" {{ if eq $.RelPermalink .URL }} class="active" {{ end }}>{{ .Name }}</a>
                </li>
            {{ end }}
        {{ end }}
    </ul>
</li>
{{- end }}