aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRaghuram Subramani <raghus2247@gmail.com>2025-07-29 15:26:34 +0530
committerRaghuram Subramani <raghus2247@gmail.com>2025-07-29 15:28:57 +0530
commita551acb29fc43adeb034e9d9a67e711a8c6bcf17 (patch)
treeb70fcc0b50bd34320d4c9645fde234eb3ec39288
parent18ffd40ca7445ad0c3012ed8610458294a16789c (diff)
init: site
-rw-r--r--assets/.keep0
-rw-r--r--assets/abc1
-rw-r--r--assets/me.webpbin0 -> 453454 bytes
-rw-r--r--base.html17
-rw-r--r--index.html74
-rw-r--r--partials/navbar.html17
-rw-r--r--partials/tailwind_class_groups.html7
-rw-r--r--posts/a.html4
-rw-r--r--posts/b.md8
-rw-r--r--projects.html4
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
Binary files differ
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>