V2.00 upgrade

layouts/partials/header.html

@@ -1,31 +1,24 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top">
 	<div class="container">
-		<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+		<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL }}">
+			<img src="{{ .Site.Params.favicon | default "/images/favicon.png"}}" width="30" height="30"
+				class="d-inline-block align-top" alt="">
+			{{ .Site.Title }}
+		</a>
+		<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 			aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 			<span class="navbar-toggler-icon"></span>
 		</button>
 
 		<div class="collapse navbar-collapse" id="navbarNavDropdown">
-			<ul class="navbar-nav ml-auto">
-				<li class="nav-item">
-					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
+			<ul class="navbar-nav ml-auto text-center">
+				<li class="nav-item navbar-text">
+					<a class="nav-link" href="{{ .Site.BaseURL }}#" aria-label="about">About</a>
 				</li>
-				<li class="nav-item">
-					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
-				</li>
-				<li class="nav-item">
-					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
-				</li>
-				{{ if .Site.Params.contact }}
-				<li class="nav-item">
-					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
-				</li>
-				{{ end }}
 
 				{{ range site.Params.customMenus }}
-				<li class="nav-item">
-					<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
+				<li class="nav-item  navbar-text">
+					<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
 				</li>
 				{{ end }}
 			</ul>