aboutsummaryrefslogtreecommitdiff
path: root/src/index.njk
diff options
context:
space:
mode:
authorIndrajith K L2022-11-20 04:59:39 +0530
committerIndrajith K L2022-11-20 04:59:39 +0530
commitff11d9e237e51a5eb40690e44f690108ac7175b7 (patch)
treea6db124e19c9f3ae5dfffe3bc1e8d4028e8225ce /src/index.njk
parent143915cc03764082fd97d484fd3c0f3b7c018c89 (diff)
downloadindrajith-dev-feature/remove-tailwind.tar.gz
indrajith-dev-feature/remove-tailwind.tar.bz2
indrajith-dev-feature/remove-tailwind.zip
* Full Rewrite * Removed Tailwind CSS * Stripdowned to barebone css
Diffstat (limited to 'src/index.njk')
-rw-r--r--src/index.njk25
1 files changed, 12 insertions, 13 deletions
diff --git a/src/index.njk b/src/index.njk
index 19443ef..36138e0 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -3,29 +3,28 @@ layout: intro.njk
title: Home
alternatetitle: "Hello Friend!! My name is Indrajith K L."
---
-<div class="flex w-full">
- <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 India, working as a front-end developer.
+<div class="text-center">
+ <div>
+ <p>
+ {{alternatetitle}} I'm a web developer, hobbyist game developer from 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>
</div>
</div>
-<div class="mt-10 mb-10 font-supply-light">
- <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">
+<div>
+ <h3>Recent Posts</h3>
+ <div>
{% for post in collections.posts | reverse %}
{% if (loop.index <= 4) %}
- <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>
+ <p>{{post.data.title}}</p>
+ <div><a href="{{post.url}}">Read more</span></a></div>
</div>
{% endif %}
{% else %}
- <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>
+ <p>No Posts</p>
</div>
{% endfor %}
</div>