shared-bulma-theme/layouts/partials/layout/navbar_contents.html
2018-01-14 14:34:33 +11:00

68 lines
2.7 KiB
HTML

<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="{{ .Site.BaseURL }}">
<img class="navbar-logo" src="{{ .Site.BaseURL }}/images/menu.svg" alt="{{ .Site.Title }} {{ .Site.Params.Tagline }}">
</a>
<div class="burger navbar-burger" data-target="navMenu">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
{{ $currentPage := . }} {{ range .Site.Menus.main }} {{ if .HasChildren }}
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-item">
{{ .Name }}
<span class="icon">
<i class="fas fa-caret-down"></i>
</span>
</a>
<div class="navbar-dropdown">
{{ range .Children }}
<a class="navbar-item {{ if $currentPage.IsMenuCurrent " main " . }} is-active{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
{{ else }}
<a class="navbar-item {{ if $currentPage.IsMenuCurrent " main " . }} is-active{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }} {{ end }}
<a class="navbar-item is-hidden-desktop" href="{{ .Site.Params.DiscordURL }}" target="_blank">
discord
</a>
<a class="navbar-item is-hidden-desktop" href="{{ .Site.Params.TwitterURL }}" target="_blank">
twitter
</a>
<a class="navbar-item is-hidden-desktop" href="{{ .Site.Params.GithubURL }}" target="_blank">
github
</a>
</div>
<div class="navbar-end">
<!-- Navbar icons -->
<a class="navbar-item is-hidden-touch" href="{{ .Site.Params.DiscordURL }}" target="_blank">
<span class="icon">
<i class="fab fa-2x fa-discord"></i>
</span>
</a>
<a class="navbar-item is-hidden-touch" href="{{ .Site.Params.TwitterURL }}" target="_blank">
<span class="icon">
<i class="fab fa-2x fa-twitter"></i>
</span>
</a>
<a class="navbar-item is-hidden-touch" href="{{ .Site.Params.GithubURL }}" target="_blank">
<span class="icon">
<i class="fab fa-2x fa-github"></i>
</span>
</a>
</div>
</div>
</div>