NavBar Updates

mnazaal · Apr 12, 2020 · 7d19d8b · 7d19d8b
1 parent b22ea86
commit 7d19d8b
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 6 deletions.
diff --git a/exampleSite/config.toml b/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
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
@@ -22,9 +22,10 @@ <h1 class="page-title">All tags</h1>
 			<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>
diff --git a/layouts/partials/footer.html b/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 }}

diff --git a/layouts/partials/head.html b/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>
diff --git a/static/css/main.css b/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;