10 files changed, 132 insertions, 0 deletions
diff --git a/assets/.keep b/assets/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/assets/.keep
diff --git a/assets/abc b/assets/abc
new file mode 100644
index 0000000..e5177b2
--- /dev/null
+++ b/assets/abc
@@ -0,0 +1 @@
+AHHH1
diff --git a/assets/me.webp b/assets/me.webp
new file mode 100644
index 0000000..ba74a5b
--- /dev/null
+++ b/assets/me.webp
diff --git a/base.html b/base.html
new file mode 100644
index 0000000..042ee4d
--- /dev/null
+++ b/base.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Home | COMPROMYSE</title>
+
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet">
+  </head>
+  <body class="bg-zinc-900 text-pink-300 font-[Pixelify_Sans] selection:text-pink-900 selection:bg-pink-100">
+    {{ include "navbar.html" }}
+
+    {{ body }}
+  </body>
+</html>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..37441b7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,74 @@
+<div class="p-16">
+</div>
+
+{{ eachdo posts }}
+KSFAISO
+    ASHIAUHSFI
+HERE
+HERETOO{{ put title }}ENDIT
+ASJFHAIS
+{{ endeachdo }}
+
+<div class="p-16">
+
+  <div class="flex flex-wrap gap-8">
+    <img src="/assets/me.webp" class="max-h-56"></img>
+    <div class="flex flex-col justify-center">
+      <h1 class="text-5xl">
+        Hi there! I'm RAGHU.
+      </h1>
+      <p class="text-xl">Programmer and Hacker.</p>
+
+      <div class="flex gap-2">
+        <a href="https://github.com/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-200 p-1" target="_blank">GITHUB</a>
+        <a href="https://www.linkedin.com/in/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-200 p-1" target="_blank">LINKEDIN</a>
+      </div>
+    </div>
+  </div>
+
+  <div class="pt-12">
+
+    <!-- START PROJECTS -->
+    <div class="max-w-120">
+      <h2 class="text-2xl">[ PROJECTS ]</h2>
+
+      <div class="inline-grid grid-cols-[max-content_1fr] gap-y-5 pt-4">
+        <a href="/projects#bubbl" class="contents group">
+          <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200 p-1">BUBBL</div>
+          <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline group-hover:border-pink-900 flex items-center">An operating system for x86.</div>
+        </a>
+
+        <a href="/projects#bubbl" class="contents group">
+          <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200 wrap-anywhere text-wrap max-w-28">ZUK MSM8996</div>
+          <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A port of Android 13 &amp; 14 to the Zuk Z2 PLUS.</div>
+        </a>
+
+        <a href="/projects#bubbl" class="contents group">
+          <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">CHIP8Emu</div>
+          <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A VM/interpreter for CHIP-8.</div>
+        </a>
+
+        <a href="/projects#bubbl" class="contents group">
+          <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">MSG</div>
+          <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A Minimal Static Site Generator.</div>
+        </a>
+
+        <a href="/projects#bubbl" class="contents group">
+          <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">Autograd</div>
+          <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">An implementation of autograd / backpropagation.</div>
+        </a>
+      </div>
+    </div>
+    <!-- END PROJECTS -->
+
+  </div>
+
+</div>
+
+<footer class="w-full p-4">
+  <div class="text-center">
+    <p>The Quieter You Become, The More You Are Able To Hear.</p>
+  </div>
+</footer>
+
+{{ include "tailwind_class_groups.html" }}
diff --git a/partials/navbar.html b/partials/navbar.html
new file mode 100644
index 0000000..d97ebb3
--- /dev/null
+++ b/partials/navbar.html
@@ -0,0 +1,17 @@
+<nav class="w-full mx-auto mt-10">
+  <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg">
+
+    <a href="/" class="cursor-pointer font-semibold hover:underline">
+      COMPROMYSE
+    </a>
+
+    <a href="/projects" class="hover:underline">
+      [ PROJECTS ]
+    </a>
+
+    <a href="#" class="hover:underline">
+      [ ABOUT ]
+    </a>
+
+  </div>
+</nav>
diff --git a/partials/tailwind_class_groups.html b/partials/tailwind_class_groups.html
new file mode 100644
index 0000000..ef1c6f2
--- /dev/null
+++ b/partials/tailwind_class_groups.html
@@ -0,0 +1,7 @@
+<style type="text/tailwindcss">
+    @layer components {
+      .some-class {
+        @apply px-4 py-6 md:py-0 hover:bg-yellow-500 md:hover:bg-transparent text-white duration-500;
+      }
+    }
+</style>
diff --git a/posts/a.html b/posts/a.html
new file mode 100644
index 0000000..8237d7f
--- /dev/null
+++ b/posts/a.html
@@ -0,0 +1,4 @@
+title = A.html
+---
+
+<p>a.html</p>
diff --git a/posts/b.md b/posts/b.md
new file mode 100644
index 0000000..51817b8
--- /dev/null
+++ b/posts/b.md
@@ -0,0 +1,8 @@
+title = B.md
+---
+
+# Hi there!!!!
+
+```
+AHH
+```
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..1f78beb
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,4 @@
+<div class="p-16">
+  <h1 class="text-5xl">PROJECTS</h1>
+  <p class="text-xl">Here's a bunch of things I've done.</p>
+</div>