From d0f943c6623e8ff538e8d8c48283831e9f3c1147 Mon Sep 17 00:00:00 2001
From: Raghuram Subramani <raghus2247@gmail.com>
Date: Thu, 31 Jul 2025 21:30:37 +0530
Subject: site: update layout & msg

---
 partials/footer.html                |  5 +++++
 partials/navbar.html                | 18 ++++++++++--------
 partials/project-list.html          | 30 ++++++++++++++++++++++++++++++
 partials/tailwind_class_groups.css  |  9 +++++++++
 partials/tailwind_class_groups.html |  7 -------
 5 files changed, 54 insertions(+), 15 deletions(-)
 create mode 100644 partials/footer.html
 create mode 100644 partials/project-list.html
 create mode 100644 partials/tailwind_class_groups.css
 delete mode 100644 partials/tailwind_class_groups.html

(limited to 'partials')

diff --git a/partials/footer.html b/partials/footer.html
new file mode 100644
index 0000000..e5e870f
--- /dev/null
+++ b/partials/footer.html
@@ -0,0 +1,5 @@
+<footer class="w-full p-4 text-lg">
+  <div class="text-center">
+    <p>The Quieter You Become, The More You Are Able To Hear.</p>
+  </div>
+</footer>
diff --git a/partials/navbar.html b/partials/navbar.html
index d97ebb3..893659c 100644
--- a/partials/navbar.html
+++ b/partials/navbar.html
@@ -1,17 +1,19 @@
 <nav class="w-full mx-auto mt-10">
-  <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg">
+  <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl">
 
-    <a href="/" class="cursor-pointer font-semibold hover:underline">
+    <a href="/" class="cursor-pointer font-bold hover:underline">
       COMPROMYSE
     </a>
 
-    <a href="/projects" class="hover:underline">
-      [ PROJECTS ]
-    </a>
+    <div class="flex items-center gap-4 flex-wrap">
+      <a href="/projects" class="hover:underline">
+        [ PROJECTS ]
+      </a>
 
-    <a href="#" class="hover:underline">
-      [ ABOUT ]
-    </a>
+      <a href="#" class="hover:underline">
+        [ ABOUT ]
+      </a>
+    </div>
 
   </div>
 </nav>
diff --git a/partials/project-list.html b/partials/project-list.html
new file mode 100644
index 0000000..d9833b6
--- /dev/null
+++ b/partials/project-list.html
@@ -0,0 +1,30 @@
+<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="project-list-heading">BUBBL</div>
+      <div class="project-list-description">An operating system for x86.</div>
+    </a>
+
+    <a href="/projects#bubbl" class="contents group">
+      <div class="project-list-heading">ZUK MSM8996</div>
+      <div class="project-list-description">A port of Android 13 &amp; 14 to the Zuk Z2 PLUS.</div>
+    </a>
+
+    <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>
+    </a>
+
+    <a href="/projects#bubbl" class="contents group">
+      <div class="project-list-heading">MSG</div>
+      <div class="project-list-description">A Minimal Static Site Generator.</div>
+    </a>
+
+    <a href="/projects#bubbl" class="contents group">
+      <div class="project-list-heading">Autograd</div>
+      <div class="project-list-description">An implementation of autograd / backpropagation.</div>
+    </a>
+  </div>
+</div>
diff --git a/partials/tailwind_class_groups.css b/partials/tailwind_class_groups.css
new file mode 100644
index 0000000..1bae0be
--- /dev/null
+++ b/partials/tailwind_class_groups.css
@@ -0,0 +1,9 @@
+@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/partials/tailwind_class_groups.html b/partials/tailwind_class_groups.html
deleted file mode 100644
index ef1c6f2..0000000
--- a/partials/tailwind_class_groups.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<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>
-- 
cgit v1.2.3