Theming & CV Changes

* Adds New Color themes based on happyhues
* Adds CV - In-Progress

1 files changed, 6 insertions, 6 deletions

diff --git a/src/index.njk b/src/index.njk
index b4650d6..751d15d 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -4,9 +4,9 @@ title: Home
 alternatetitle: "Hello Friend!! My name is Indrajith K L."
 ---
 <div class="flex w-full">
-    <div class="bg-main-cardbackground text-md md:text-xl text-main-cardheading font-supply-regular shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] p-3 mt-10 ml-5 mr-5 md:p-10 md:ml-0 md:mr-0 rounded-lg">
-        <p class="text-lg md:text-2xl font-bold">{{alternatetitle}}</p>
-        <p class="mt-3 text-justify">
+    <div class="bg-main-normal-brown text-md md:text-xl text-main-cream-white-1 font-supply-regular shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] p-3 mt-10 ml-5 mr-5 md:p-10 md:ml-0 md:mr-0 rounded-lg">
+        <p class="text-lg md:text-2xl font-thin">{{alternatetitle}}</p>
+        <p class="mt-3 text-justify font-thin">
             I'm a web developer, hobbyist game developer from Kerala, India working as a front-end developer.
             This site is where I write about my fun side projects, R&amp;D's, random thoughts, game development etc. Since you here why don't you read some <a href="/posts" class="text-main-cardheading font-bold">posts</a>.
         </p>
@@ -14,17 +14,17 @@ alternatetitle: "Hello Friend!! My name is Indrajith K L."
 </div>
 
 <div class="mt-10 mb-10 font-supply-light">
-    <h2 class="text-lg font-bold bg-darkish-100 text-lightish-50 p-2 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)]">Recent Posts</h2>
+    <h2 class="text-lg font-bold bg-main-dark-brown text-lightish-50 p-2 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)]">Recent Posts</h2>
     <div class="posts flex flex-col mt-10 md:flex-row">
         {% for post in collections.posts | reverse %}
             {% if (loop.index <= 4) %}
-                <div class="p-6 bg-darkish-50 text-lightish-50 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] mr-10 mb-5">
+                <div class="p-6 bg-main-normal-brown text-lightish-50 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] mr-10 mb-5">
                     <p class="text-md font-extrabold line-clamp-1">{{post.data.title}}</p>
                     <div class="justify-end float-right mt-5 underline font-supply-light"><a href="{{post.url}}">Read more</span></a></div>
                 </div>
             {% endif %}
         {% else %}
-            <div class="p-6 bg-darkish-200 text-lightish-50 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] mr-10 mb-5">
+            <div class="p-6 bg-main-normal-brown text-lightish-50 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)] mr-10 mb-5">
                     <p class="text-md font-extrabold line-clamp-1">No Posts</p>
             </div>
         {% endfor %}