menu.html - hugo-theme-terminal - My Fork of the Terminal Hugo Theme

menu.html (1376B)
 1 <nav class="navigation-menu">
 2   <div class="navigation-menu__inner">
 3     {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
 4       {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}
 5         {{ if not .HasChildren }}
 6           <span><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></span>
 7         {{ end }}
 8       {{ end }}
 9       {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
10         <span>
11           <ul class="menu">
12             <li class="menu__trigger">{{ $.Site.Params.MenuMore }}&nbsp;▾</li>
13             <li>
14               <ul class="menu__dropdown">
15                 {{- range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}
16                   {{ if not .HasChildren -}}
17                     <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
18                   {{- end }}
19                 {{- end }}
20               </ul>
21             </li>
22           </ul>
23         </span>
24       {{- end }}
25     {{- else -}}
26       {{- range $.Site.Menus.main }}
27         {{ if not .HasChildren -}}
28           <li><a href="{{ .URL }}"
29                  {{- if .Params.NewTab -}} target="_blank" {{- end }}>
30             {{- .Name -}}
31           </a></li>
32         {{- end }}
33       {{- end }}
34     {{- end }}
35   </div>
36 </nav>
37