From d3ce4232e9b4597dadfd9fa3c5dbfa59fbd407fd Mon Sep 17 00:00:00 2001
From: Raghuram Subramani <raghus2247@gmail.com>
Date: Fri, 1 Aug 2025 17:57:27 +0530
Subject: projects: init pages

---
 partials/navbar.html               |  4 ++--
 partials/project-list.html         |  2 +-
 partials/tailwind_class_groups.css |  9 ---------
 projects.html                      | 37 ++++++++++++++++++++++++++++++++++---
 projects/autograd.html             |  4 ++++
 projects/bubbl.html                |  4 ++++
 projects/chip8emu.html             |  4 ++++
 projects/msg.html                  |  4 ++++
 projects/zuk-msm8996.html          |  4 ++++
 templates/base.html                |  5 +----
 10 files changed, 58 insertions(+), 19 deletions(-)
 delete mode 100644 partials/tailwind_class_groups.css
 create mode 100644 projects/autograd.html
 create mode 100644 projects/bubbl.html
 create mode 100644 projects/chip8emu.html
 create mode 100644 projects/msg.html
 create mode 100644 projects/zuk-msm8996.html

diff --git a/partials/navbar.html b/partials/navbar.html
index 893659c..ccbc05b 100644
--- a/partials/navbar.html
+++ b/partials/navbar.html
@@ -1,11 +1,11 @@
 <nav class="w-full mx-auto mt-10">
   <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl">
 
-    <a href="/" class="cursor-pointer font-bold hover:underline">
+    <a href="/" class="cursor-pointer font-bold hover:underline justify-center">
       COMPROMYSE
     </a>
 
-    <div class="flex items-center gap-4 flex-wrap">
+    <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left">
       <a href="/projects" class="hover:underline">
         [ PROJECTS ]
       </a>
diff --git a/partials/project-list.html b/partials/project-list.html
index d9833b6..2552385 100644
--- a/partials/project-list.html
+++ b/partials/project-list.html
@@ -14,7 +14,7 @@
 
     <a href="/projects#bubbl" class="contents group">
       <div class="project-list-heading">CHIP8Emu</div>
-      <div class="project-list-description">A VM/interpreter for CHIP-8.</div>
+      <div class="project-list-description">An Emulator/Interpreter for CHIP-8.</div>
     </a>
 
     <a href="/projects#bubbl" class="contents group">
diff --git a/partials/tailwind_class_groups.css b/partials/tailwind_class_groups.css
deleted file mode 100644
index 1bae0be..0000000
--- a/partials/tailwind_class_groups.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@layer components {
-  .project-list-heading {
-    @apply text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-100 p-1;
-  }
-
-  .project-list-description {
-    @apply pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-100 group-hover:underline flex items-center;
-  }
-}
diff --git a/projects.html b/projects.html
index 1f78beb..fcf9f47 100644
--- a/projects.html
+++ b/projects.html
@@ -1,4 +1,35 @@
-<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 class="min-h-screen flex flex-col">
+
+  {{ include "navbar.html" }}
+
+  <div class="flex flex-grow flex-col">
+
+    <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>
+
+    <div class="px-16 flex flex-wrap gap-16 items-stretch justify-center">
+
+      {{ eachdo projects }}
+
+        <a href="#">
+          <div class="bg-pink-100 py-2 px-4 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 max-w-128 hover:underline selection:bg-zinc-400">
+            <div class="flex gap-2 pt-2 items-center">
+              <p class="text-2xl font-semibold">{{ put name }}</p>
+              <p class="text-xl text-center text-wrap">{{ put description }}</p>
+            </div>
+
+            <div class="text-center text-sm border-t-2 mt-3 py-1">{{ put languages }}</div>
+          </div>
+        </a>
+
+      {{ endeachdo }}
+
+    </div>
+
+  </div>
+
+  {{ include "footer.html" }}
+
 </div>
diff --git a/projects/autograd.html b/projects/autograd.html
new file mode 100644
index 0000000..8f89eb7
--- /dev/null
+++ b/projects/autograd.html
@@ -0,0 +1,4 @@
+name = Autograd
+description = An implementation of autograd / backpropagation.
+languages = Python
+---
diff --git a/projects/bubbl.html b/projects/bubbl.html
new file mode 100644
index 0000000..6112139
--- /dev/null
+++ b/projects/bubbl.html
@@ -0,0 +1,4 @@
+name = BUBBL
+description = An Operating System for The x86 Architecture.
+languages = C / C++ / ASM
+---
diff --git a/projects/chip8emu.html b/projects/chip8emu.html
new file mode 100644
index 0000000..6a03c71
--- /dev/null
+++ b/projects/chip8emu.html
@@ -0,0 +1,4 @@
+name = CHIP8Emu
+description = An Emulator/Interpreter for CHIP-8.
+languages = C++
+---
diff --git a/projects/msg.html b/projects/msg.html
new file mode 100644
index 0000000..1c691e3
--- /dev/null
+++ b/projects/msg.html
@@ -0,0 +1,4 @@
+name = MSG
+description = An incredibly opinionated, hackable, minimal Static Site Generator.
+languages = C
+---
diff --git a/projects/zuk-msm8996.html b/projects/zuk-msm8996.html
new file mode 100644
index 0000000..e6b2f27
--- /dev/null
+++ b/projects/zuk-msm8996.html
@@ -0,0 +1,4 @@
+name = ZUK MSM8996
+description = A port of Android 13 &amp; 14 to the Zuk Z2 PLUS.
+languages = AOSP / LineageOS
+---
diff --git a/templates/base.html b/templates/base.html
index f00ce3e..0451020 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -6,11 +6,8 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>{{ content "title" }} | COMPROMYSE</title>
 
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <link href="/assets/stylesheet.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet">
-    <style type="text/tailwindcss">
-      {{ include "tailwind_class_groups.css" }}
-    </style>
   </head>
   <body class="bg-zinc-900 text-pink-300 font-[Pixelify_Sans] selection:text-pink-900 selection:bg-pink-100 lg:text-xl">
     {{ body }}
-- 
cgit v1.2.3