NavBar Updates

exampleSite/config.toml

@@ -24,3 +24,22 @@ url = "https://github.com/athulcajay/"
 name = "GitLab"
 icon = "gitlab"
 url = "https://gitlab.com/athul/"
+[[menu.main]]
+name = "Home"
+url = "/"
+weight = 1
+
+[[menu.main]]
+name = "All posts"
+url = "/posts"
+weight = 2
+
+[[menu.main]]
+name = "About"
+url = "/about"
+weight = 3
+
+[[menu.main]]
+name = "Tags"
+url = "/tags"
+weight = 4

layouts/_default/terms.html

@@ -22,9 +22,10 @@
 			<a style="font-size: {{ $size }}rem;" href="{{ $.Site.LanguagePrefix | absURL }}{{ $data.Plural }}/{{ $value.Name | urlize }}/">{{ $value.Name }}</a>
 		{{ end }}
 		</div>
-	</div>
-
+	
+<hr>
 	{{ partial "footer.html" . }}
+	</div>
 </body>
 
 </html>

layouts/partials/footer.html

@@ -1,4 +1,7 @@
 <footer>
+{{- range $index, $key := .Site.Params.Social -}}
+<a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>|
+{{- end -}} ⚡️
 	{{ .Date.Year}} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
 </footer>
 {{ if not .Site.IsServer }}

layouts/partials/head.html

@@ -4,8 +4,8 @@
 	<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
 </div>
 <nav>
-{{- range $index, $key := .Site.Params.Social -}}
-<a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>|
-{{- end -}} ⚡️
+			{{ range .Site.Menus.main }}
+				<a href="{{ .URL }}">{{ .Name }}</a>
+			{{ end }}
 </nav>
 </header>

static/css/main.css

@@ -205,7 +205,10 @@ justify-content: space-between;
   content: "🏷 ";
 }
 .tags a{
-  border-bottom: 3px solid blue; 
+  border-bottom: 3px solid var(--maincolor); 
+}
+.tags a:hover{
+  color: var(--hovercolor); 
 }
 svg{
   max-height: 15px;