diff options
Diffstat (limited to 'layouts/partials/nav.html')
-rw-r--r-- | layouts/partials/nav.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html new file mode 100644 index 0000000..8f44dad --- /dev/null +++ b/layouts/partials/nav.html @@ -0,0 +1,69 @@ +{{ $header := .Site.Data.header }} +{{- $logoSrc := printf "images/%s" $header.logo | absURL -}} + +{{ if .Scratch.Get "navbarType" }} + + {{ if eq (.Scratch.Get "navbarType") "transparent" }} + + <nav class="navbar nav-transparent navbar-expand-lg navbar-dark fixed-top"> + <!-- <div class="backdrop-blur"></div> --> + <a class="navbar-brand" href="{{.Site.BaseURL}}"><img src="{{$logoSrc}}" height="40px"></a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav"> + + {{ range $header.links }} + + <li class="nav-item"> + <a class="nav-link" href="{{.Site.BaseURL}}{{ .href }}">{{ .title }}</a> + </li> + + + {{ end }} + </ul> + <ul class="ml-auto navbar-nav"> + + {{ range $key, $value := .Site.Data.social }} + <li class="nav-item" style="font-size: 22px"> + <a href="https://{{ $key }}.com/{{ $value }}" class="ml-3 text-white btn-{{ $key }}"><i class="fab fa-{{ $key }}"></i></a> + </li> + {{ end }} + + </ul> + </div> + </nav> + {{ end }} +{{ else }} + <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white nav-shadow"> + <!-- <div class="backdrop-blur"></div> --> + <a class="navbar-brand" href="/"><img src="{{$logoSrc}}" height="40px"></a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav"> + + {{ range $header.links }} + + <li class="nav-item"> + <a class="nav-link" href="{{.Site.BaseURL}}{{ .href | relURL }}">{{ .title }}</a> + </li> + + {{ end }} + </ul> + <ul class="ml-auto navbar-nav"> + + {{ range $key, $value := .Site.Data.social }} + <li class="nav-item" style="font-size: 22px"> + <a href="https://{{ $key }}.com/{{ $value }}" class="ml-3 btn-{{$key}}"><i class="fab fa-{{ $key }}"></i></a> + </li> + {{ end }} + + </ul> + </div> + </nav> +{{ end }} |