You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation/themes/openpowerfoundation/layouts/partials/navbar.html

76 lines
3.1 KiB
HTML

<header class="header">
<div class="container-fluid">
<div class="row align-items-center">
{{ $imageresource := resources.Get "img/logo.png" }}
{{ $imagefile := $imageresource.Resize "350x60" }}
<div class="header__logo-col col"><a class="header__logo" href="/"><img src="{{ $imagefile.RelPermalink }}" width="297"
height="49" alt="OpenPOWER"></a></div>
<div class="header__menu-col col">
<nav class="header__menu-nav">
<ul class="nav-menu header__menu d-flex justify-content-center list-unstyled">
{{ range .Site.Menus.navbar }}
{{ if eq .Identifier "groups" }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ if eq $group "sig" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
{{ else }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range .Children }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range .Children }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</li>
{{ else }}
<li class="header__menu-item">
<a href="{{ .URL }}">
{{ if .Pre }}
<i class={{ .Pre }}></i>&nbsp;&nbsp;
{{ end }}
{{ .Name }}
{{ if .Post }}
&nbsp;&nbsp;<i class="{{ .Post }}"></i>
{{ end }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
{{ else }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ end }}
<li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
<li class="header__menu-item"><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
</ul>
</nav>
</div>
<div class="header__contact-col col d-flex align-items-center">
<div class="social__list"><a class="social__item _tw" href="/"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a>
</div>
<div class="header__contact-btn"><a class="d-block btn-outline-primary btn-sm btn" href="/">Join</a></div>
</div>
</div>
</div>
</header>