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

---
 index.html | 80 +++++++++++++-------------------------------------------------
 1 file changed, 17 insertions(+), 63 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 37441b7..1fb7412 100644
--- a/index.html
+++ b/index.html
@@ -1,74 +1,28 @@
-<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">
+{{ contentfor "title" }}HOME{{ endcontent }}
 
-    <!-- START PROJECTS -->
-    <div class="max-w-120">
-      <h2 class="text-2xl">[ PROJECTS ]</h2>
+<div class="min-h-screen flex flex-col">
 
-      <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>
+  {{ include "navbar.html" }}
 
-        <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>
+  <div class="p-16 flex-grow flex items-center justify-center">
 
-        <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>
+    <div class="flex flex-wrap gap-8">
+      <img src="/assets/me.webp" class="max-h-56"></img>
+      <div class="flex flex-col justify-center gap-2">
+        <h1 class="text-5xl lg:text-7xl">
+          Hi there! I'm RAGHU.
+        </h1>
+        <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-1">Programmer and Hacker.</span></p>
 
-        <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 class="flex gap-2 lg:text-xl">
+          <a href="https://github.com/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-100 p-1" target="_blank">GITHUB</a>
+          <a href="https://www.linkedin.com/in/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-100 p-1" target="_blank">LINKEDIN</a>
+        </div>
       </div>
     </div>
-    <!-- END PROJECTS -->
 
   </div>
 
-</div>
+  {{ include "footer.html" }}
 
-<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" }}
+</div>
-- 
cgit v1.2.3