+
+
+ {{content | safe}}
+
+
+
+
+
+ {{title}}
+{{date | dateFilter}}
+
+ {{content | safe}}
+
+ About Me
+
+
\ No newline at end of file
diff --git a/src/css/styles.css b/src/css/styles.css
index b8f38d1..de570b1 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@font-face {
@@ -22,86 +26,123 @@ body {
min-height: 100vh;
}
-main {
- flex: 1;
- font-family: 'Oswald', sans-serif;
- margin: 20px;
-}
+code[class*="language-"],
+pre[class*="language-"] {
+ color: #657b83; /* base00 */
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 1em;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
-nav {
- background: #1c1626;
- color: #fefffb;
-}
+ line-height: 1.5;
-.navs {
- list-style-type: none;
- padding-left: 0;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
}
-.nav {
- display: inline-block;
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+ background: #073642; /* base02 */
}
-.nav a {
- display: inline-block;
- color: #fefffb;
- text-decoration: none;
- padding: 10px;
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+ background: #073642; /* base02 */
}
-.logo {
- font-family: "supplyRegular";
- font-size: 20px;
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+ border-radius: 0.3em;
}
-.nav a.links{
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background-color: #fdf6e3; /* base3 */
+}
- font-family: "supplyLight";
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
}
-footer {
- background: #1c1626;
- color: #fefffb;
- font-family: "supplyLight";
- padding: 10px;
- font-size: 15px;
- text-align: center;
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #93a1a1; /* base1 */
}
-.color-white {
- color: #fefffb;
+.token.punctuation {
+ color: #586e75; /* base01 */
}
-.color-black {
- color: #1c1626;
+.token.namespace {
+ opacity: .7;
}
-.color-red {
- color: #ff2961;
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #268bd2; /* blue */
}
-.post-lists {
- margin-top: 10px;
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.url,
+.token.inserted {
+ color: #2aa198; /* cyan */
}
-.post-data {
- margin-bottom: 10px;
+.token.entity {
+ color: #657b83; /* base00 */
+ background: #eee8d5; /* base2 */
}
-.post-date {
- font-size: 15px;
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #859900; /* green */
}
-.post-title {
- font-size: 20px;
+.token.function,
+.token.class-name {
+ color: #b58900; /* yellow */
}
-a {
- color: #ff2961;
- font-family: 'Oswald', sans-serif;
+.token.regex,
+.token.important,
+.token.variable {
+ color: #cb4b16; /* orange */
}
-.text-center{
- text-align: center;
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
}
+.token.entity {
+ cursor: help;
+}
\ No newline at end of file
diff --git a/src/cv.md b/src/cv.md
deleted file mode 100644
index 121ab1b..0000000
--- a/src/cv.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: base.njk
-title: CV
----
-CV
\ No newline at end of file
diff --git a/src/cv.njk b/src/cv.njk
new file mode 100644
index 0000000..121ab1b
--- /dev/null
+++ b/src/cv.njk
@@ -0,0 +1,5 @@
+---
+layout: base.njk
+title: CV
+---
+CV
\ No newline at end of file
diff --git a/src/images/me.png b/src/images/me.png
new file mode 100644
index 0000000..1fbffc1
Binary files /dev/null and b/src/images/me.png differ
diff --git a/src/index.njk b/src/index.njk
index 7668313..f0c0d75 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -1,5 +1,31 @@
---
-layout: base.njk
-title: Hello
+layout: intro.njk
+title: "Hello Friend!! My name is Indrajith K L."
---
-
+ 
+
+
+ + 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, Old Skool JQuery, Require JS etc. +
+ ++ 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 technologies. +
+Website Under Maintenance
\ No newline at end of file +
+
+
+
+
+{{title}}
++ 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 posts from here. +
+
+
diff --git a/src/posts/index.njk b/src/posts/index.njk
index cfa29b3..7cd0afc 100644
--- a/src/posts/index.njk
+++ b/src/posts/index.njk
@@ -3,18 +3,23 @@ layout: base.njk
eleventyExcludeFromCollections: true
title: Posts
---
-Recent Posts
+
+ {% for post in collections.posts | reverse %}
+ {% if (loop.index <= 4) %}
+
+
+
+ {% endif %}
+ {% else %}
+ {{post.data.title}}
+ +
+
+ {% endfor %}
+ No Posts
+Posts
-
- {% for post in collections.posts %}
+
Published Posts
+
+ {% for post in collections.posts | reverse %}
-
+
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..d37100c
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./src/**/*.{njk,md}", "./src/**/*.svg"],
+ theme: {
+ extend: {
+ fontFamily: {
+ "supply-regular": ["supplyRegular", "sans-serif"],
+ "supply-light": ["supplyLight", "sans-serif"],
+ },
+ },
+ },
+ plugins: [
+ require('@tailwindcss/line-clamp')
+ ],
+};
--
cgit v1.2.3
{{post.date | dateFilter}}
-
-
+ {% else %}
+
+ No Posts
+ {% feather "frown" %}
+
{% endfor %}
+