<header class="header"> <div class="container navigation"> <div class="row d-lg-flex flex-lg-nowrap"> {{ $imageresource := resources.Get "img/logo.png" }} {{ $imagefile := $imageresource.Resize "350x60" }} <div class="header__logo-col col d-flex justify-content-center align-items-center"> <a class="header__logo" href="{{ "/" | relURL }}"> <img src="{{ $imagefile.RelPermalink }}" width="297" height="49" alt="OpenPOWER"> </a> </div> <div class="header__menu-col col"> <nav class="navbar navbar-expand-lg header__menu-nav" id="nav-menu-container"> <ul class="nav-menu header__menu d-lg-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="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=""> {{ range .Children }} {{ if .HasChildren }} <li class="header__menu-item menu-has-children"> <a href="{{ .URL }}">{{ .Name }}</a> <ul class=""> {{ 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> {{ end }} {{ .Name }} {{ if .Post }} <i class="{{ .Post }}"></i> {{ end }} </a> </li> {{ end }} {{ end }} </ul> {{ else }} <li class="header__menu-item {{lower .Name }}" ><a href="{{ .URL }}">{{ .Name }}</a></li> {{ end }} {{ end }} {{ end }} <li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i> Contact</a></li> <div class="mobile-view-social-join pt-3"> <div class="social__list mobile-view pt-1 pb-2"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">Youtube</span></a> </div> <div class="header__contact-btn join-us-button mobile-view py-4"> <a class="d-inline-block btn-outline-primary btn-sm btn" href="/join">Join</a> </div> </div> </ul> </nav> </div> <div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center"> <div class="social__list desktop-view"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">Youtube</span></a> </div> <div class="header__contact-btn join-us-button desktop-view"> <a class="d-block btn-outline-primary btn-sm btn" href="{{ "/join/" | relURL }}">Join</a> </div> <div class="header__login-btn login-button desktop-view"> <a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/">Login</a> </div> </div> </div> </div> </header>