feat: added more projects

src/app/(home)/page.tsx

@@ -11,16 +11,16 @@ export default function Page() {
   return (
     <main>
       <div className="container py-12 max-w-xl">
-        <GrainProvider
-          grain_options={{
-            patternWidth: 200,
-            patternHeight: 200,
-            grainOpacity: 0.1,
-            grainDensity: 1,
-            grainWidth: 1,
-            grainHeight: 1,
-          }}
-        />
+        {/* <GrainProvider */}
+        {/*   grain_options={{ */}
+        {/*     patternWidth: 200, */}
+        {/*     patternHeight: 200, */}
+        {/*     grainOpacity: 0.1, */}
+        {/*     grainDensity: 1, */}
+        {/*     grainWidth: 1, */}
+        {/*     grainHeight: 1, */}
+        {/*   }} */}
+        {/* /> */}
         <header className="my-2 mt-8 relative">
           <Sparkle
             strokeWidth={1.5}
@@ -101,6 +101,21 @@ function Projects() {
       </div>
 
       <div className="sm:grid-cols-2 grid-cols-1 grid gap-2">
+        <Project
+          title="PIOUS"
+          description={
+            "Custom Linux distribution for tracking and provisioning servers at scale."
+          }
+          href="https://tech.phonepe.com/heres-everything-you-need-to-know-about-phonepes-internal-cloud-provisioning-service/"
+        />
+        <Project
+          contribution
+          title="shadcn/ui"
+          description={
+            "Contributed to my Favorite UI library, shadcn/ui, with a single PR but it was fun."
+          }
+          href="https://ui.shadcn.com/"
+        />
         <Project
           title="PPEC"
           description={
@@ -138,10 +153,12 @@ function Project({
   title,
   description,
   href,
+  contribution,
 }: {
   title: string;
   description: JSX.Element | string;
   href?: string;
+  contribution?: boolean;
 }) {
   return (
     <div className="mt-4">
@@ -152,6 +169,9 @@ function Project({
             <ExternalLink className="w-3" />
           </a>
         ) : null}
+        {contribution ? (
+          <span className="text-xs opacity-70 italic">Contribution</span>
+        ) : null}
       </div>
       <p className="text-xs text-foreground/80 text-balance">{description}</p>
     </div>

src/app/(home)/story/page.tsx

@@ -124,13 +124,13 @@ export default async function Story({
       {/*   }} */}
       {/* /> */}
 
-      <div
-        className="absolute z-10 top-0 left-0 w-full h-full bg-transparent bg-repeat round pointer-events-none opacity-15"
-        style={{
-          backgroundImage:
-            "url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cfilter id=%22a%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23a)%22/%3E%3C/svg%3E')",
-        }}
-      ></div>
+      {/* <div */}
+      {/*   className="absolute z-10 top-0 left-0 w-full h-full bg-transparent bg-repeat round pointer-events-none opacity-15" */}
+      {/*   style={{ */}
+      {/*     backgroundImage: */}
+      {/*       "url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cfilter id=%22a%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23a)%22/%3E%3C/svg%3E')", */}
+      {/*   }} */}
+      {/* ></div> */}
       <BackgroundGradentProvider className="-z-10 h-screen w-full opacity-60" />
       <Image
         width={400}