Merge pull request #4 from 526avijitgupta/templatize-menu-render

Templatize menu rendering

exampleSite/config.toml

@@ -9,3 +9,36 @@ paginate = 20
 pygmentsStyle = "bw"
 pygmentsCodeFences = true
 pygmentsCodeFencesGuessSyntax = true
+
+[menu]
+  [[menu.main]]
+    name = "Home"
+    url = "/"
+    weight = 1
+
+  [[menu.main]]
+    name = "Posts"
+    url = "/posts/"
+    weight = 2
+
+  [[menu.main]]
+    name = "Projects"
+    url = "/projects/"
+    weight = 3
+
+  [[menu.main]]
+    name = "Resume"
+    url = "/resume/"
+    weight = 4
+
+  [[menu.main]]
+    identifier = "linkedin"
+    pre = "<span class='fab fa-linkedin'></span>"
+    url = "/a/"
+    weight = 5
+
+  [[menu.main]]
+    identifier = "github"
+    pre = "<span class='fab fa-github'></span>"
+    url = "/b/"
+    weight = 6

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>
+                    <a href="{{ .URL }}">
-                </div>
+                        {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
-                <div class="nav-link">
+                    </a>
-                    <a href="http://example.com">Projects</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 {