github.com/wasilibs/wazerox@v0.0.0-20240124024944-4923be63ab5f/site/layouts/partials/menu.html (about)

     1  <nav class="menu">
     2    <ul class="menu__inner menu__inner--desktop">
     3      {{ range $.Site.Menus.main }}
     4        {{ if not .HasChildren }}
     5          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
     6        <!-- The default theme supports a drop-down for showMenuItems > 0. We re-use this class
     7             for child menus instead. -->
     8        {{ else }}
     9          <ul class="menu__sub-inner">
    10            <li class="menu__sub-inner-more-trigger">
    11              {{ .Name }}
    12              <span class="menu__sub-inner-more-trigger-icon">{{ partial "greater-icon.html" . }}</span>
    13            </li>
    14            <ul class="menu__sub-inner-more hidden">
    15              {{ range .Children }}
    16                <li><a href="{{ .URL }}">{{ .Name }}</a></li>
    17              {{ end }}
    18            </ul>
    19          </ul>
    20        {{ end }}
    21      {{ end }}
    22    </ul>
    23  
    24    <!-- Handle mobile -->
    25    <ul class="menu__inner menu__inner--mobile">
    26      {{ range $.Site.Menus.main }}
    27        {{ if not .HasChildren }}
    28          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
    29        {{ else }}
    30          <!-- TODO: At some point, this will get too long, and also this loses
    31                     categorization. Implement CSS like desktop for sub-menus -->
    32          {{ range .Children }}
    33          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
    34          {{ end }}
    35        {{ end }}
    36      {{ end }}
    37    </ul>
    38  </nav>