aboutsummaryrefslogtreecommitdiff
path: root/src/_includes/partials
diff options
context:
space:
mode:
authorIndrajith K L2022-08-28 00:41:33 +0530
committerIndrajith K L2022-08-28 00:41:33 +0530
commit191fb0c0aa31a5142f81ea6f7fcf253b10f0297c (patch)
tree019ad6000e0be1e01779a962b42ce437e84aaed9 /src/_includes/partials
parent7524f9aa94368d28250813a4e3bad965d178aa7c (diff)
downloadindrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.tar.gz
indrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.tar.bz2
indrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.zip
* Project Restructred
* Adds Tailwind * Completed Intro Page, About, Posts Listing * Changes build and development scripts
Diffstat (limited to 'src/_includes/partials')
-rw-r--r--src/_includes/partials/footer.njk11
-rw-r--r--src/_includes/partials/head.njk6
-rw-r--r--src/_includes/partials/header.njk28
3 files changed, 45 insertions, 0 deletions
diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
new file mode 100644
index 0000000..a883038
--- /dev/null
+++ b/src/_includes/partials/footer.njk
@@ -0,0 +1,11 @@
+<footer class="items-center px-6 py-2 mt-auto bg-black text-white">
+
+ <ul class="flex w-full gap-10 font-supply-regular justify-center">
+ <li class="mt-1">
+ <p>&copy; 2022 Indrajith K L </p>
+ </li>
+ {# <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>
+</footer> \ No newline at end of file
diff --git a/src/_includes/partials/head.njk b/src/_includes/partials/head.njk
new file mode 100644
index 0000000..70be276
--- /dev/null
+++ b/src/_includes/partials/head.njk
@@ -0,0 +1,6 @@
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/styles.css">
+{% favicon './favicon.svg' %}
+<title>{{title}} | { indrajith.dev } </title> \ No newline at end of file
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