Templatize menu rendering

themes/gokarna/layouts/partials/header.html

@@ -3,7 +3,7 @@
         <nav class="header-nav">
 
             <div class="avatar">
-                <a href=".Site.BaseURL">
+                <a href="{{ .Site.BaseURL }}">
                     <img src=".Site.Params.Avatar" alt="Avatar" />
                 </a>
             </div>
@@ -13,12 +13,15 @@
             </div>
 
             <div class="nav-links">
+                {{ range .Site.Menus.main }}
                 <div class="nav-link">
-                    <a href="http://example.com">Home</a>
-                </div>
-                <div class="nav-link">
-                    <a href="http://example.com">Projects</a>
+                    <a href="{{ .URL }}">
+                        {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
+                    </a>
                 </div>
+                {{ end }}
+
+                <!-- TODO: Handle 
                 <div class="nav-link icon">
                     <a href="http://example.com">
                         <span class="fab fa-github"></span>
@@ -29,6 +32,7 @@
                         <span class="fab fa-linkedin"></span>
                     </a>
                 </div>
+                -->
             </div>
         </nav>
     </div>

themes/gokarna/static/css/main.css

@@ -92,7 +92,7 @@ html {
 
 .nav-links .nav-link a {
   display: block;
-  padding: 0 15px;
+  padding: 0 10px;
 }
 
 .nav-links .nav-link.icon a {