website/layouts/partials/nav.html

59 lines
2.6 KiB
HTML

<nav class="navbar navbar-expand-md sticky-top navbar-light bg-light">
<div class="container">
<a class="h1 navbar-brand mb-0" href="/" style="font-family: 'Fortheenas01';font-weight:bold;">
happy<span style="font-family: 'Fortheenas01 Bold';margin-left:.1em;">DNS</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<ul class="navbar-nav">
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ .Name }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{{ range .Children }}
<a href="{{ .URL }}" class="dropdown-item">{{ .Name }}</a>
{{ end }}
</div>
{{ else }}
<li class="nav-item">
<a href="{{ .URL }}" class="nav-link">{{ .Name }}</a>
{{ end }}
</li>
{{ end }}
</ul>
<div class="nav-item nav-ext-links">
{{ range .Site.Data.social.social_icons }}
{{- if isset $.Site.Author .id }}
<a class="nav-icon-link" href="{{ printf .url (index $.Site.Author .id) }}" title="{{ .title }}"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa {{ .icon }} fa-stack-1x fa-inverse"></i></span></a>
{{- end -}}
{{ end }}
{{ if .Site.Params.rss }}
{{ if .RSSLink }}
<a href="{{ .RSSLink }}" title="RSS" class="nav-icon-link">
{{ else }}
<a href="{{ .Site.RSSLink }}" title="RSS" class="nav-icon-link">
{{ end }}
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
{{ end }}
{{ if .Site.Params.tryit }}
<a href="{{ .Site.Params.tryit }}" title="{{ i18n "tryhappydns" }}" class="nav-icon-link">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-arrow-right fa-stack-1x fa-inverse"></i>
</span>
</a>
{{ end }}
</div>
</div>
</div>
</nav>