aboutsummaryrefslogtreecommitdiff
path: root/src/_includes/partials
diff options
context:
space:
mode:
Diffstat (limited to 'src/_includes/partials')
-rw-r--r--src/_includes/partials/footer.njk14
-rw-r--r--src/_includes/partials/head.njk2
-rw-r--r--src/_includes/partials/header.njk31
3 files changed, 18 insertions, 29 deletions
diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index 479681d..6a11145 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -1,14 +1,6 @@
-<footer class="items-center px-6 py-2 mt-auto bg-main-dark-brown-2 text-main-cream-white-2">
- <ul class="w-full flex md:hidden gap-5 font-supply-regular ml-auto justify-center mt-5 md:mt-0">
- <li class="hover:text-lightish-50 inline-block"><a title="Twitter" target="_blank" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
- <li class="hover:text-lightish-50 inline-block"><a title="Github" target="_blank" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
- <li class="hover:text-lightish-50 inline-block"><a title="Personal - GIT" target="_blank" href="https://git.indrajith.dev/" class="links">{% feather "git-branch" %}</a></li>
- <li class="hover:text-lightish-50 inline-block"><a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
- <li class="hover:text-lightish-50 inline-block"><a title="Ko-Fi" target="_blank" href="https://ko-fi.com/indrajith" class="links">{% feather "coffee" %}</a></li>
- <li class="hover:text-lightish-50 inline-block"><a title="RSS" target="_blank" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
- </ul>
- <ul class="flex w-full gap-10 font-supply-regular justify-center mt-5 md:mt-auto">
- <li class="mt-1">
+<footer>
+ <ul>
+ <li>
<p>&copy; 2022 Indrajith K L </p>
</li>
</ul>
diff --git a/src/_includes/partials/head.njk b/src/_includes/partials/head.njk
index 34f6c42..cb231d4 100644
--- a/src/_includes/partials/head.njk
+++ b/src/_includes/partials/head.njk
@@ -28,7 +28,7 @@
<meta property="og:description" content="Frontend Web Developer, Game Dev Hobbyist, Night Owl, Synthwave & Vaporwave Lover">
{%- endif -%}
<meta property="og:image" content="https://indrajith.dev/images/me.png">
-<link rel="stylesheet" href="/global.css">
+<link rel="stylesheet" href="/styles.css">
{% favicon './favicon.svg' %}
<title>{{title}} | { indrajith.dev } </title>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script> \ No newline at end of file
diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
index 5ee2cf2..0f27845 100644
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@@ -1,21 +1,18 @@
-<header class="w-full bg-main-normal-brown text-main-cream-white-1 font-bold flex flex-row md:flex-col justify-between items-center px-6 py-4">
- <nav class="w-full">
- <ul class="flex flex-col md:flex-row gap-3 md:gap-10 font-supply-regular w-full items-center text-lg md:text-xl">
- <li>
- <a href="/" class="text-lg md:text-3xl text-main-red">{ indrajith.dev } </a>
- </li>
- <li class="hover:text-lightish-50"><a href="/about" id="about" class="links">About</a></li>
- <li class="hover:text-lightish-50"><a href="/posts" id="posts" class="links">Posts</a></li>
- <li class="hover:text-lightish-50"><a href="/cv" id="cv" class="links">Timeline</a></li>
- </ul>
- <ul class="hidden md:flex flex-row gap-2 font-supply-regular font-bold right-0 -my-8 mx-6 absolute">
- <li class="hover:text-lightish-50"><a title="Twitter" target="_blank" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
- <li class="hover:text-lightish-50"><a title="Github" target="_blank" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
- <li class="hover:text-lightish-50"><a title="Personal - GIT" target="_blank" href="https://git.indrajith.dev/" class="links">{% feather "git-branch" %}</a></li>
- <li class="hover:text-lightish-50"><a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
- <li class="hover:text-lightish-50"><a title="Ko-Fi" target="_blank" href="https://ko-fi.com/indrajith" class="links">{% feather "coffee" %}</a></li>
- <li class="hover:text-lightish-50"><a title="RSS" target="_blank" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
+<header class="header">
+ <h1><a class="logo" href="/">indrajith.dev</a></h1>
+ <nav>
+ <ul>
+ <li><a href="/about" id="about" class="links">About</a></li>
+ |
+ <li><a href="/posts" id="posts" class="links">Posts</a></li>
+ |
+ <li><a href="/timeline" id="cv" class="links">Timeline</a></li>
+ |
+ <li><a href="https://git.indrajith.dev" id="cv" class="links">git</a></li>
+ |
+ <li><a href="/contact" id="cv" class="links">Contact</a></li>
</ul>
+
</nav>
</header>