UPDATES:

* Custom link handlers for profile (icon-links.html)
* Custom classes for homepage styles (border, tables, etc)

layouts/index.html

@@ -1,6 +1,36 @@
 {{ define "main" }}
   <main id="main">
-    <h1>{{ .Title }}</h1>
-    {{ .Content }}
+
+        <nav class="inf-border" aria-labelledby="toc-heading">
+    	    <h3>{{ .Title }}</h3>
+    	    {{ .Content }}
+            {{ partial "icon-links.html" . }}
+        </nav>
+        <nav class="inf-border" aria-labelledby="toc-heading">
+	        <h3> Check My Recent Posts </h3>
+            <table>
+            <ul class="inf-patterns-list" id="list">
+	            {{ range (.Paginator 4).Pages.ByPublishDate.Reverse }}
+                <tr> 
+                        
+                          <td>
+                            <a href="{{ .RelPermalink }}" >
+                                <svg class="bookmark-icon" aria-hidden="true" focusable="false" viewBox="0 0 40 50">
+                                  <use xlink:href="#bookmark"></use>
+                                </svg>
+                                <span class="text">{{ .Name }}</span>
+                            </a>
+                          </td>
+                          <td class="inf-td-hide">
+                            <a href="{{ .RelPermalink }}" >
+                                <span class="text">{{ .PublishDate.Format "January 2, 2006" }}</span>
+                            </a>
+                          </td>
+                </tr>
+                {{ end }}
+	        </ul>
+            </table>
+        </nav>
+
   </main>
 {{ end }}

layouts/partials/head.html

@@ -16,6 +16,11 @@
     <meta name="description" content="{{ $summary }}">
   {{ end }}
 
+  <!-- Font Awsome External Request -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/brands.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css" integrity="sha512-R+xPS2VPCAFvLRy+I4PgbwkWjw1z5B5gNDYgJN5LfzV4gGNeRQyVrY7Uk59rX+c8tzz63j8DeZPLqmXvBxj8pA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/solid.min.css" integrity="sha512-EvFBzDO3WBynQTyPJI+wLCiV0DFXzOazn6aoy/bGjuIhGCZFh8ObhV/nVgDgL0HZYC34D89REh6DOfeJEWMwgg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
   <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | absURL }}">
   <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | absURL }}"> 
   <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | absURL }}"> 

layouts/partials/icon-links.html

@@ -0,0 +1,14 @@
+<div role="">
+  <nav class="inf-border" aria-labelledby="toc-heading">
+    <strong id="toc-heading"> Important Links : </strong>
+    <ul class="inf-patterns-list" id="list">
+
+        <li> <a target="_blank" href="https://linkedin.com/in/yosafat-marselino-agus-739235a7"><span><i class="fa-brands fa-linkedin" aria-hidden="true"></i></span> LinkedIn </a></li>
+        <li> <a target="_blank" href="https://scholar.google.com/citations?hl=en&user=pqn6fm0AAAAJ"><span><i class="fa-solid fa-graduation-cap" aria-hidden="true"></i></span>  Google Scholar </a></li>
+        <li> <a target="_blank" href="https://www.researchgate.net/profile/Yosafat-Agus"><span><i class="fa-brands fa-researchgate" aria-hidden="true"></i></span>  Research Gate </a></li>
+        <li> <a target="_blank" href="https://git.nnag.me"><span><i class="fa-solid fa-code-branch" aria-hidden="true"></i></span>  Codes </a></li>
+
+    </ul>
+
+  </nav>
+</div>