navbar updates

* change login button
* add more mobile options

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>

themes/openpowerfoundation/layouts/partials/navbar.html

@@ -1,8 +1,8 @@
 <header class="header">
-	<div class="container navigation">
+<div class="container navigation">
 	<div class="row d-lg-flex flex-lg-nowrap">
 		{{ $imageresource := resources.Get "img/logo.png" }}
-			{{ $imagefile := $imageresource.Resize "350x60" }}
+		{{ $imagefile := $imageresource.Resize "350x60 webp" }}
 		<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">
@@ -21,10 +21,11 @@
 								<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>
+								<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
 							{{ end }}
 						{{ end }}
 						</ul>
+						</li>
 					{{ else }}
 						{{ if .HasChildren }}
 							<li class="header__menu-item menu-has-children">
@@ -39,6 +40,7 @@
 												<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
 											{{ end }}
 											</ul>
+											</a>
 										</li>
 									{{ else }}
 										<li class="header__menu-item">
@@ -55,18 +57,23 @@
 									{{ end }}
 								{{ end }}
 								</ul>
+								</a>
+							</li>
 						{{ 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/" | relURL }}"><i class="fas fa-envelope-open-text"></i>&nbsp;Contact</a></li>
+			</ul>
 			<div class="mobile-view-social-join pt-3">
 				<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>
+					<a class="d-inline-block btn-outline-primary btn-sm btn" href="{{ "/join/" | relURL }}">Join</a>
+				</div>
+				<div class="header__login-btn login-button mobile-view py-4">
+					<a class="d-block" href="https://portal.openpower.foundation/">	Login&nbsp;<i class="fas fa-sign-in-alt"></i></a>
 				</div>
 			</div>
-					</ul>
 			</nav>
 		</div>
 		<div class="header__contact-col col d-flex flex-nowrap  justify-content-center align-items-center">
@@ -74,11 +81,10 @@
 				<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&nbsp;<i class="fas fa-sign-in-alt"></i>
+				<a class="d-block" href="https://portal.openpower.foundation/">	Login&nbsp;<i class="fas fa-sign-in-alt"></i>
 				</a>
 			</div>
 		</div>
 	</div>
-	</div>
+</div>
 </header>