diff options
author | Indrajith K L | 2022-10-01 19:31:46 +0530 |
---|---|---|
committer | Indrajith K L | 2022-10-01 19:31:46 +0530 |
commit | 62ed7b262455d2535085903ef5bfd62b699dd89c (patch) | |
tree | ccc265758ec4411f4ab9d2ab69e73cb0044683d0 /src | |
parent | aaa2da4e22be420891a00bb1b33bdfc431db80bd (diff) | |
download | indrajith-dev-62ed7b262455d2535085903ef5bfd62b699dd89c.tar.gz indrajith-dev-62ed7b262455d2535085903ef5bfd62b699dd89c.tar.bz2 indrajith-dev-62ed7b262455d2535085903ef5bfd62b699dd89c.zip |
Theming & CV Changes
* Adds New Color themes based on happyhues
* Adds CV - In-Progress
Diffstat (limited to 'src')
-rw-r--r-- | src/_includes/assets/css/styles.css | 294 | ||||
-rw-r--r-- | src/_includes/base.njk | 2 | ||||
-rw-r--r-- | src/_includes/intro.njk | 2 | ||||
-rw-r--r-- | src/_includes/partials/footer.njk | 2 | ||||
-rw-r--r-- | src/_includes/partials/header.njk | 6 | ||||
-rw-r--r-- | src/_includes/posts.njk | 2 | ||||
-rw-r--r-- | src/about.njk | 6 | ||||
-rw-r--r-- | src/cv.njk | 12 | ||||
-rw-r--r-- | src/index.njk | 12 | ||||
-rw-r--r-- | src/posts/bulk_watermark_images_nodejs.njk | 7 |
10 files changed, 85 insertions, 260 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index cb44d57..18034ac 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -770,14 +770,6 @@ select { visibility: visible; } -.invisible { - visibility: hidden; -} - -.fixed { - position: fixed; -} - .absolute { position: absolute; } @@ -790,22 +782,6 @@ select { right: 0px; } -.bottom-0 { - bottom: 0px; -} - -.top-0 { - top: 0px; -} - -.left-0 { - left: 0px; -} - -.z-50 { - z-index: 50; -} - .col-span-3 { grid-column: span 3 / span 3; } @@ -818,18 +794,10 @@ select { float: right; } -.float-left { - float: left; -} - .m-4 { margin: 1rem; } -.m-0 { - margin: 0px; -} - .-my-8 { margin-top: -2rem; margin-bottom: -2rem; @@ -855,11 +823,6 @@ select { margin-bottom: 1rem; } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; -} - .mt-10 { margin-top: 2.5rem; } @@ -944,26 +907,6 @@ select { margin-bottom: 0.75rem; } -.mr-1 { - margin-right: 0.25rem; -} - -.mb-0 { - margin-bottom: 0px; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - .ml-0 { margin-left: 0px; } @@ -976,10 +919,6 @@ select { margin-top: 2rem; } -.box-content { - box-sizing: content-box; -} - .block { display: block; } @@ -1024,10 +963,6 @@ select { height: 0.5rem; } -.h-4 { - height: 1rem; -} - .h-12 { height: 3rem; } @@ -1036,14 +971,6 @@ select { height: 100%; } -.h-1 { - height: 0.25rem; -} - -.max-h-full { - max-height: 100%; -} - .w-full { width: 100%; } @@ -1052,32 +979,14 @@ select { width: 0.5rem; } -.w-96 { - width: 24rem; -} - -.w-4 { - width: 1rem; -} - .w-12 { width: 3rem; } -.min-w-max { - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; -} - .max-w-5xl { max-width: 64rem; } -.max-w-full { - max-width: 100%; -} - .max-w-md { max-width: 28rem; } @@ -1102,10 +1011,6 @@ select { flex-shrink: 1; } -.flex-grow { - flex-grow: 1; -} - .border-collapse { border-collapse: collapse; } @@ -1126,10 +1031,6 @@ select { resize: both; } -.list-none { - list-style-type: none; -} - .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -1196,12 +1097,6 @@ select { margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -1218,14 +1113,6 @@ select { overflow: hidden; } -.overflow-y-auto { - overflow-y: auto; -} - -.whitespace-nowrap { - white-space: nowrap; -} - .rounded-lg { border-radius: 0.5rem; } @@ -1242,14 +1129,6 @@ select { border-radius: 0px; } -.rounded { - border-radius: 0.25rem; -} - -.rounded-sm { - border-radius: 0.125rem; -} - .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; @@ -1280,10 +1159,6 @@ select { border-style: dashed; } -.border-none { - border-style: none; -} - .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); @@ -1293,29 +1168,29 @@ select { border-color: transparent; } -.bg-main-background { +.bg-main-dark-brown-2 { --tw-bg-opacity: 1; - background-color: rgb(255 255 254 / var(--tw-bg-opacity)); + background-color: rgb(51 39 42 / var(--tw-bg-opacity)); } -.bg-darkish-300 { +.bg-main-normal-brown { --tw-bg-opacity: 1; - background-color: rgb(13 43 69 / var(--tw-bg-opacity)); + background-color: rgb(89 74 78 / var(--tw-bg-opacity)); } -.bg-main-cardbackground { +.bg-main-dark-brown { --tw-bg-opacity: 1; - background-color: rgb(250 238 231 / var(--tw-bg-opacity)); + background-color: rgb(51 39 42 / var(--tw-bg-opacity)); } -.bg-darkish-100 { +.bg-darkish-50 { --tw-bg-opacity: 1; - background-color: rgb(84 78 104 / var(--tw-bg-opacity)); + background-color: rgb(141 105 122 / var(--tw-bg-opacity)); } -.bg-darkish-50 { +.bg-darkish-300 { --tw-bg-opacity: 1; - background-color: rgb(141 105 122 / var(--tw-bg-opacity)); + background-color: rgb(13 43 69 / var(--tw-bg-opacity)); } .bg-gray-300 { @@ -1343,23 +1218,24 @@ select { background-color: rgb(32 60 86 / var(--tw-bg-opacity)); } -.bg-main-cardheading { +.bg-darkish-100 { --tw-bg-opacity: 1; - background-color: rgb(51 39 42 / var(--tw-bg-opacity)); + background-color: rgb(84 78 104 / var(--tw-bg-opacity)); } -.bg-lightish-200 { +.bg-black { --tw-bg-opacity: 1; - background-color: rgb(255 170 94 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-blue-600 { +.bg-yellow-500 { --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.bg-transparent { - background-color: transparent; +.bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .bg-sky-700 { @@ -1377,33 +1253,29 @@ select { background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.bg-black { +.bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-yellow-500 { +.bg-yellow-50 { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); + background-color: rgb(254 252 232 / var(--tw-bg-opacity)); } -.bg-purple-500 { +.bg-main-cream-white-1 { --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); + background-color: rgb(255 255 254 / var(--tw-bg-opacity)); } -.bg-gray-100 { +.bg-main-red { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(255 139 167 / var(--tw-bg-opacity)); } -.bg-yellow-50 { +.bg-main-cream-white-2 { --tw-bg-opacity: 1; - background-color: rgb(254 252 232 / var(--tw-bg-opacity)); -} - -.bg-clip-padding { - background-clip: padding-box; + background-color: rgb(250 238 231 / var(--tw-bg-opacity)); } .object-cover { @@ -1427,10 +1299,6 @@ select { padding: 2rem; } -.p-4 { - padding: 1rem; -} - .p-10 { padding: 2.5rem; } @@ -1503,10 +1371,6 @@ select { padding-left: 0.25rem; } -.text-left { - text-align: left; -} - .text-center { text-align: center; } @@ -1527,6 +1391,10 @@ select { font-family: supplyLight, sans-serif; } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -1578,33 +1446,21 @@ select { font-weight: 500; } -.font-normal { - font-weight: 400; -} - -.uppercase { - text-transform: uppercase; +.font-thin { + font-weight: 100; } .italic { font-style: italic; } -.leading-tight { - line-height: 1.25; -} - -.leading-normal { - line-height: 1.5; -} - .leading-4 { line-height: 1rem; } -.text-lightish-200 { +.text-main-cream-white-1 { --tw-text-opacity: 1; - color: rgb(255 170 94 / var(--tw-text-opacity)); + color: rgb(255 255 254 / var(--tw-text-opacity)); } .text-lightish-50 { @@ -1612,9 +1468,9 @@ select { color: rgb(255 236 214 / var(--tw-text-opacity)); } -.text-main-cardheading { +.text-lightish-200 { --tw-text-opacity: 1; - color: rgb(51 39 42 / var(--tw-text-opacity)); + color: rgb(255 170 94 / var(--tw-text-opacity)); } .text-darkish-300 { @@ -1662,14 +1518,14 @@ select { color: rgb(84 78 104 / var(--tw-text-opacity)); } -.text-red-600 { +.text-yellow-500 { --tw-text-opacity: 1; - color: rgb(220 38 38 / var(--tw-text-opacity)); + color: rgb(234 179 8 / var(--tw-text-opacity)); } -.text-yellow-500 { +.text-red-600 { --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); + color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-red-700 { @@ -1702,14 +1558,29 @@ select { color: rgb(21 94 117 / var(--tw-text-opacity)); } -.text-lightish-100 { +.text-main-normal-brown { --tw-text-opacity: 1; - color: rgb(255 212 163 / var(--tw-text-opacity)); + color: rgb(89 74 78 / var(--tw-text-opacity)); } -.text-main-cardparagraph { +.text-main-cream-white-2 { --tw-text-opacity: 1; - color: rgb(89 74 78 / var(--tw-text-opacity)); + color: rgb(250 238 231 / var(--tw-text-opacity)); +} + +.text-main-red { + --tw-text-opacity: 1; + color: rgb(255 139 167 / var(--tw-text-opacity)); +} + +.text-main-dark-brown-2 { + --tw-text-opacity: 1; + color: rgb(51 39 42 / var(--tw-text-opacity)); +} + +.text-main-dark-brown { + --tw-text-opacity: 1; + color: rgb(51 39 42 / var(--tw-text-opacity)); } .underline { @@ -1717,10 +1588,6 @@ select { text-decoration-line: underline; } -.opacity-50 { - opacity: 0.5; -} - .shadow-\[5px_5px_0px_0px_rgba\(0\2c 0\2c 0\2c 255\)\] { --tw-shadow: 5px 5px 0px 0px rgba(0,0,0,255); --tw-shadow-colored: 5px 5px 0px 0px var(--tw-shadow-color); @@ -1739,23 +1606,6 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - .outline { outline-style: solid; } @@ -1764,26 +1614,6 @@ select { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.duration-150 { - transition-duration: 150ms; -} - -.duration-300 { - transition-duration: 300ms; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - .line-clamp-1 { overflow: hidden; display: -webkit-box; diff --git a/src/_includes/base.njk b/src/_includes/base.njk index c96f9f2..8aa77c8 100644 --- a/src/_includes/base.njk +++ b/src/_includes/base.njk @@ -3,7 +3,7 @@ <head> {% include "./partials/head.njk" %} </head> -<body class="flex h-screen flex-col font-supply-regular"> +<body class="flex h-screen flex-col font-supply-regular bg-main-cream-white-2"> {% include "./partials/header.njk" %} <main class="container mx-auto max-w-5xl p-8"> <section class="w-full flex flex-col items-center px-3"> diff --git a/src/_includes/intro.njk b/src/_includes/intro.njk index 03a866d..5112d97 100644 --- a/src/_includes/intro.njk +++ b/src/_includes/intro.njk @@ -3,7 +3,7 @@ <head> {% include "./partials/head.njk" %} </head> -<body class="flex h-screen flex-col bg-main-background"> +<body class="flex h-screen flex-col bg-main-cream-white-2"> {% include "./partials/header.njk" %} <main class="container mx-auto"> <article > diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk index b187151..8a1a660 100644 --- a/src/_includes/partials/footer.njk +++ b/src/_includes/partials/footer.njk @@ -1,4 +1,4 @@ -<footer class="items-center px-6 py-2 mt-auto bg-darkish-300 text-lightish-200"> +<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> diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk index 7b83d77..ed5aac2 100644 --- a/src/_includes/partials/header.njk +++ b/src/_includes/partials/header.njk @@ -1,14 +1,14 @@ -<header class="w-full bg-darkish-300 text-lightish-200 flex flex-row md:flex-col justify-between items-center px-6 py-4"> +<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">{ indrajith.dev } </a> + <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">CV</a></li> </ul> - <ul class="hidden md:flex flex-row gap-2 font-supply-regular right-0 -my-8 mx-6 absolute"> + <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="Sourcehut" target="_blank" href="https://sr.ht/~cooljith91112/" class="links">{% feather "circle" %}</a></li> diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk index 3cdfa2a..0245970 100644 --- a/src/_includes/posts.njk +++ b/src/_includes/posts.njk @@ -3,7 +3,7 @@ <head> {% include "./partials/head.njk" %} </head> -<body class="flex h-screen flex-col font-supply-regular"> +<body class="flex h-screen flex-col font-supply-regular bg-main-cream-white-2"> {% include "./partials/header.njk" %} <main class="container mx-auto max-w-5xl p-8"> <section class="w-full flex flex-col items-center px-3"> diff --git a/src/about.njk b/src/about.njk index 39fa995..7da7c2f 100644 --- a/src/about.njk +++ b/src/about.njk @@ -2,17 +2,17 @@ layout: base.njk title: About --- -<h2 class="text-2xl font-bold text-darkish-300 p-2 text-center">About Me</h2> +<h2 class="text-2xl font-bold text-main-dark-brown-2 p-2 text-center">About Me</h2> <div class="mt-2 text-justify"> <div class="flex justify-center items-center"> <img class="object-cover h-48 rounded-full" src="/images/me.jpg" alt="me"/> </div> - <p class="mt-3 text-darkish-300"> + <p class="mt-3 text-main-dark-brown"> My Name is Indrajith K L, a Web Developer currently working as a Systems Analyst with 9+ years of experience with various frontend frameworks and libraries like Angular 2+, React, AngularJS (v1.x), JQuery, RequireJS etc. </p> - <p class="mt-2 text-darkish-300"> + <p class="mt-2 text-main-dark-brown"> I'm fluent in ES6, Typescript & NodeJS. I started out as a Android Developer in 2012 and then switched to Web Development and focused on frontend & other web technologies. </p> @@ -2,6 +2,8 @@ layout: base.njk title: CV --- +<div class="flex flex-start justify-center items-center underline text-2xl mb-10"><h1>Curriculum Vitae</h1></div> + <ol class="border-l border-gray-300"> <li> <div class="flex flex-start items-center pt-3"> @@ -22,7 +24,7 @@ title: CV <div class="mt-0.5 ml-4 mb-6"> <h4 class="text-gray-800 font-semibold text-xl mb-1.5">Senior Software Engineer</h4> <h2 class="text-gray-500 font-semibold text-xl mb-1.5">InApp</h2> - <p class="text-gray-500 mb-3">Libero expedita explicabo eius fugiat quia aspernatur autem laudantium error architecto recusandae natus sapiente sit nam eaque, consectetur porro molestiae ipsam an deleniti.</p> + <p class="text-gray-500 mb-3"></p> </div> </li> <li> @@ -33,7 +35,7 @@ title: CV <div class="mt-0.5 ml-4 pb-5"> <h4 class="text-gray-800 font-semibold text-xl mb-1.5">Software Engineer</h4> <h2 class="text-gray-500 font-semibold text-xl mb-1.5">InApp</h2> - <p class="text-gray-500 mb-3">Voluptatibus temporibus esse illum eum aspernatur, fugiat suscipit natus! Eum corporis illum nihil officiis tempore. Excepturi illo natus libero sit doloremque, laborum molestias rerum pariatur quam ipsam necessitatibus incidunt, explicabo.</p> + <p class="text-gray-500 mb-3"></p> </div> </li> <li> @@ -44,7 +46,7 @@ title: CV <div class="mt-0.5 ml-4 pb-5"> <h4 class="text-gray-800 font-semibold text-xl mb-1.5">Software Engineer</h4> <h2 class="text-gray-500 font-semibold text-xl mb-1.5">Naga Info Solutions</h2> - <p class="text-gray-500 mb-3">Voluptatibus temporibus esse illum eum aspernatur, fugiat suscipit natus! Eum corporis illum nihil officiis tempore. Excepturi illo natus libero sit doloremque, laborum molestias rerum pariatur quam ipsam necessitatibus incidunt, explicabo.</p> + <p class="text-gray-500 mb-3"></p> </div> </li> <li> @@ -55,7 +57,7 @@ title: CV <div class="mt-0.5 ml-4 pb-5"> <h4 class="text-gray-800 font-semibold text-xl mb-1.5">Software Engineer</h4> <h2 class="text-gray-500 font-semibold text-xl mb-1.5">SQube</h2> - <p class="text-gray-500 mb-3">Voluptatibus temporibus esse illum eum aspernatur, fugiat suscipit natus! Eum corporis illum nihil officiis tempore. Excepturi illo natus libero sit doloremque, laborum molestias rerum pariatur quam ipsam necessitatibus incidunt, explicabo.</p> + <p class="text-gray-500 mb-3"></p> </div> </li> <li> @@ -66,7 +68,7 @@ title: CV <div class="mt-0.5 ml-4 pb-5"> <h4 class="text-gray-800 font-semibold text-xl mb-1.5">Freelance Developer</h4> <h2 class="text-gray-500 font-semibold text-xl mb-1.5">Simple Graphics</h2> - <p class="text-gray-500 mb-3">Voluptatibus temporibus esse illum eum aspernatur, fugiat suscipit natus! Eum corporis illum nihil officiis tempore. Excepturi illo natus libero sit doloremque, laborum molestias rerum pariatur quam ipsam necessitatibus incidunt, explicabo.</p> + <p class="text-gray-500 mb-3"></p> </div> </li> </ol>
\ No newline at end of file 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&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 %} diff --git a/src/posts/bulk_watermark_images_nodejs.njk b/src/posts/bulk_watermark_images_nodejs.njk deleted file mode 100644 index a86eb14..0000000 --- a/src/posts/bulk_watermark_images_nodejs.njk +++ /dev/null @@ -1,7 +0,0 @@ ---- -layout: posts.njk -title: Bulk apply Watermark on images using Node.JS -tags: ['nodejs', 'javascript'] ---- - -Draft
\ No newline at end of file |