14 files changed, 196 insertions, 0 deletions
diff --git a/src/_includes/base.njk b/src/_includes/base.njk
new file mode 100644
index 0000000..0c9b0df
--- /dev/null
+++ b/src/_includes/base.njk
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+{% include "head.njk" %}
+</head>
+<body>
+    {% include "header.njk" %}
+    <main>
+        {{content | safe}}
+    </main>
+    <footer>
+        <p>&copy; 2022 Indrajith K L </p>
+    </footer>
+</body>
+</html>
+\ No newline at end of file
diff --git a/src/_includes/head.njk b/src/_includes/head.njk
new file mode 100644
index 0000000..50aacb9
--- /dev/null
+++ b/src/_includes/head.njk
@@ -0,0 +1,5 @@
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/css/styles.css">
+<title>{{title}}</title>
+\ No newline at end of file
diff --git a/src/_includes/header.njk b/src/_includes/header.njk
new file mode 100644
index 0000000..14f28c1
--- /dev/null
+++ b/src/_includes/header.njk
@@ -0,0 +1,16 @@
+<header>
+    <nav>
+        <ol class="navs">
+            <li class="nav">
+                <a href="/" class="logo">
+                    <span class="color-white">[<span> 
+                    <span class="color-red">indrajith.dev 
+                    <span class="color-white">]<span>
+                </a>
+            </li>
+            <li class="nav"><a href="/about" class="links">About</a></li>
+            <li class="nav"><a href="/posts" class="links">Posts</a></li>
+            <li class="nav"><a href="/cv" class="links">CV</a></li>
+        </ol>
+    </nav>
+</header>
+\ No newline at end of file
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
new file mode 100644
index 0000000..8422f4c
--- /dev/null
+++ b/src/_includes/posts.njk
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+{% include "head.njk" %}
+</head>
+<body>
+    {% include "header.njk" %}
+    
+    <main>
+        {{content | safe}}
+        <a href="/posts">back to posts</a>
+    </main>
+    <footer>
+        <p>&copy; 2022 Indrajith K L </p>
+    </footer>
+</body>
+</html>
+\ No newline at end of file
diff --git a/src/about.md b/src/about.md
new file mode 100644
index 0000000..3e0c069
--- /dev/null
+++ b/src/about.md
@@ -0,0 +1,5 @@
+---
+layout: base.njk
+title: About
+---
+About
+\ No newline at end of file
diff --git a/src/css/fonts/PPSupplyMono-Regular.otf b/src/css/fonts/PPSupplyMono-Regular.otf
new file mode 100644
index 0000000..dc66065
--- /dev/null
+++ b/src/css/fonts/PPSupplyMono-Regular.otf
diff --git a/src/css/fonts/PPSupplyMono-Ultralight.otf b/src/css/fonts/PPSupplyMono-Ultralight.otf
new file mode 100644
index 0000000..0c55672
--- /dev/null
+++ b/src/css/fonts/PPSupplyMono-Ultralight.otf
diff --git a/src/css/fonts/PPSupplySans-Regular.otf b/src/css/fonts/PPSupplySans-Regular.otf
new file mode 100644
index 0000000..192962e
--- /dev/null
+++ b/src/css/fonts/PPSupplySans-Regular.otf
diff --git a/src/css/fonts/PPSupplySans-Ultralight.otf b/src/css/fonts/PPSupplySans-Ultralight.otf
new file mode 100644
index 0000000..d7e9aea
--- /dev/null
+++ b/src/css/fonts/PPSupplySans-Ultralight.otf
diff --git a/src/css/styles.css b/src/css/styles.css
new file mode 100644
index 0000000..398a131
--- /dev/null
+++ b/src/css/styles.css
@@ -0,0 +1,103 @@
+@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
+
+@font-face {
+    font-family: supplyRegular;
+    src: url(./fonts/PPSupplyMono-Regular.otf);
+}
+
+@font-face {
+    font-family: supplyLight;
+    src: url(./fonts/PPSupplyMono-Ultralight.otf);
+}
+
+* {
+    margin: 0;
+    box-sizing: border-box;
+}
+
+html,
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+main {
+    flex: 1;
+    font-family: 'Oswald', sans-serif;
+    margin: 20px;
+}
+
+nav {
+    background: #1c1626;
+    color: #fefffb;
+}
+
+.navs {
+    list-style-type: none;
+    padding-left: 0;
+}
+
+.nav {
+    display: inline-block;
+}
+
+.nav a {
+    display: inline-block;
+    color: #fefffb;
+    text-decoration: none;
+    padding: 10px;
+}
+
+.logo {
+    font-family: "supplyRegular";
+    font-size: 20px;
+}
+
+.nav a.links{
+
+    font-family: "supplyLight";
+}
+
+footer {
+    background: #1c1626;
+    color: #fefffb;
+    font-family: "supplyLight";
+    padding: 10px;
+    font-size: 15px;
+    text-align: center;
+}
+
+.color-white {
+    color: #fefffb;
+}
+
+.color-black {
+    color: #1c1626;
+}
+
+.color-red {
+    color: #ff2961;
+}
+
+.post-lists {
+    margin-top: 10px;
+}
+
+.post-data {
+    margin-bottom: 10px;
+}
+
+.post-date {
+    font-size: 15px;
+}
+
+.post-title {
+    font-size: 20px;
+}
+
+a {
+    color: #ff2961;
+    font-family: 'Oswald', sans-serif;
+}
+
diff --git a/src/cv.md b/src/cv.md
new file mode 100644
index 0000000..121ab1b
--- /dev/null
+++ b/src/cv.md
@@ -0,0 +1,5 @@
+---
+layout: base.njk
+title: CV
+---
+CV
+\ No newline at end of file
diff --git a/src/index.md b/src/index.md
new file mode 100644
index 0000000..44b5def
--- /dev/null
+++ b/src/index.md
@@ -0,0 +1,5 @@
+---
+layout: base.njk
+title: Hello
+---
+This is a page
+\ No newline at end of file
diff --git a/src/posts/index.njk b/src/posts/index.njk
new file mode 100644
index 0000000..cfa29b3
--- /dev/null
+++ b/src/posts/index.njk
@@ -0,0 +1,20 @@
+---
+layout: base.njk
+eleventyExcludeFromCollections: true
+title: Posts
+---
+<h2>Posts</h2>
+<div class="post-lists">
+    {% for post in collections.posts %}
+        <div class="post-data">
+            <div class="post-date">
+                {{post.date | dateFilter}}
+            </div>
+            <div class="post-title color-red">
+               <a href="{{post.url}}"> {{post.data.title}}</a> 
+            </div>
+        </div>
+    
+    {% endfor %}
+</div>
+
diff --git a/src/posts/posts.json b/src/posts/posts.json
new file mode 100644
index 0000000..0cb18be
--- /dev/null
+++ b/src/posts/posts.json
@@ -0,0 +1,5 @@
+{
+    "layout": "posts",
+    "tags": "posts"
+
+}
+\ No newline at end of file