Add is-active highlighting to navbar menu

Signed-off-by: lucperkins <[email protected]>

Author: lucperkins

config.toml

@@ -142,10 +142,10 @@ weight = 5
 
 [[menu.main]]
 name = "News"
-url = "/news"
+url = "/news/"
 weight = 4
 
 [[menu.main]]
 name = "Contact"
-url = "/contact"
+url = "/contact/"
 weight = 5

layouts/partials/navbar-menu.html

@@ -26,7 +26,7 @@
   </div>
 </div>
 {{ else }}
-<a class="navbar-item has-text-weight-bold" href="{{ .URL }}"{{ if $isExternal }} target="_blank"{{ end }}>
+<a class="navbar-item has-text-weight-bold{{ if $isHere }} is-active{{ end }}" href="{{ .URL }}"{{ if $isExternal }} target="_blank"{{ end }}>
   {{ .Name }}
 </a>
 {{ end }}