From 191fb0c0aa31a5142f81ea6f7fcf253b10f0297c Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Sun, 28 Aug 2022 00:41:33 +0530
Subject: * Project Restructred * Adds Tailwind * Completed Intro Page, About,
 Posts Listing * Changes build and development scripts

---
 src/_includes/partials/header.njk | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/_includes/partials/header.njk

(limited to 'src/_includes/partials/header.njk')

diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
new file mode 100644
index 0000000..a4e04a2
--- /dev/null
+++ b/src/_includes/partials/header.njk
@@ -0,0 +1,28 @@
+<header class="w-full bg-black text-yellow-500 flex justify-between items-center px-6 py-4">
+    <nav class="w-full">
+        <ul class="flex gap-10 font-supply-regular w-full items-center text-xl">
+            <li>
+                <a href="/" class="text-3xl">{ indrajith.dev } </a>
+            </li>
+            <li class="hover:text-white"><a href="/about" id="about" class="links">About</a></li>
+            <li class="hover:text-white"><a href="/posts" id="posts" class="links">Posts</a></li>
+            <li class="hover:text-white"><a href="/cv" id="cv" class="links">CV</a></li>
+        </ul>
+        <ul class="hidden md:flex flex-row gap-10 font-supply-regular right-0 -my-8 mx-6 absolute">
+            <li><a title="Twitter" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
+            <li><a title="Github" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
+            <li><a title="LinkedIn" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
+        </ul>
+    </nav>
+</header>
+
+<script>
+(function(){
+    const currentLocation = location.pathname;
+    const navs = ["about","posts","cv"];
+    const currentNav = navs.find(nav=>currentLocation.includes(nav));
+    if (currentNav) {
+        document.getElementById(currentNav).parentElement.classList.add("text-black-600");
+    }
+})();
+</script>
\ No newline at end of file
-- 
cgit v1.2.3