From e915669f952aa18c465d57e845993423d124a47a Mon Sep 17 00:00:00 2001
From: Arush <arushyadlapati.lwsd@gmail.com>
Date: Wed, 21 Aug 2024 09:46:08 -0400
Subject: [PATCH] Fixed stuff on the right page

---
 README.md                                     |   2 +-
 .../homepage/projects/project-card.jsx        | 139 +++++++++---------
 app/css/globals.css                           |  15 ++
 3 files changed, 86 insertions(+), 70 deletions(-)

diff --git a/README.md b/README.md
index dbc728d..64fa7d6 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
 # Arush's Website
 
 - [arush.me](https://arush.me)
-- [https://arushyadlapati.github.io](arushyadlapati.github.io)
+- [https://arushyadlapati.github.io/website/](https://arushyadlapati.github.io/website/)
diff --git a/app/components/homepage/projects/project-card.jsx b/app/components/homepage/projects/project-card.jsx
index 6704732..8cb2600 100644
--- a/app/components/homepage/projects/project-card.jsx
+++ b/app/components/homepage/projects/project-card.jsx
@@ -1,89 +1,90 @@
 import * as React from 'react';
 
 function ProjectCard({ project }) {
-
   return (
-    <div className="from-[#0d1224] border-[#1b2c68a0] relative rounded-lg border bg-gradient-to-r to-[#0a0d37] w-full">
-      <div className="flex flex-row">
-        <div className="h-[1px] w-full bg-gradient-to-r from-transparent via-pink-500 to-violet-600"></div>
-        <div className="h-[1px] w-full bg-gradient-to-r from-violet-600 to-transparent"></div>
-      </div>
-      <div className="px-4 lg:px-8 py-3 lg:py-5 relative">
-        <div className="flex flex-row space-x-1 lg:space-x-2 absolute top-1/2 -translate-y-1/2">
-          <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-red-400"></div>
-          <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-orange-400"></div>
-          <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-green-200"></div>
-        </div>
-        <p className="text-center ml-3 text-[#16f2b3] text-base lg:text-xl">
-          {project.name}
-        </p>
-      </div>
-      <div className="overflow-hidden border-t-[2px] border-indigo-900 px-4 lg:px-8 py-4 lg:py-8">
-        <code className="font-mono text-xs md:text-sm lg:text-base">
-          <div className="blink">
-            <span className="mr-2 text-pink-500">const</span>
-            <span className="mr-2 text-white">project</span>
-            <span className="mr-2 text-pink-500">=</span>
-            <span className="text-gray-400">{'{'}</span>
+      <div className="from-[#0d1224] border-[#1b2c68a0] relative rounded-lg border bg-gradient-to-r to-[#0a0d37] w-full flex flex-row">
+        <div className="flex-1">
+          <div className="flex flex-row">
+            <div className="h-[1px] w-full bg-gradient-to-r from-transparent via-pink-500 to-violet-600"></div>
+            <div className="h-[1px] w-full bg-gradient-to-r from-violet-600 to-transparent"></div>
           </div>
-          <div>
-            <span className="ml-4 lg:ml-8 mr-2 text-white">name:</span>
-            <span className="text-gray-400">{`'`}</span>
-            <span className="text-amber-300">{project.name}</span>
-            <span className="text-gray-400">{`',`}</span>
+          <div className="px-4 lg:px-8 py-3 lg:py-5 relative">
+            <div className="flex flex-row space-x-1 lg:space-x-2 absolute top-1/2 -translate-y-1/2">
+              <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-red-400"></div>
+              <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-orange-400"></div>
+              <div className="h-2 w-2 lg:h-3 lg:w-3 rounded-full bg-green-200"></div>
+            </div>
+            <p className="text-center ml-3 text-[#16f2b3] text-base lg:text-xl">
+              {project.name}
+            </p>
           </div>
+          <div className="overflow-hidden border-t-[2px] border-indigo-900 px-4 lg:px-8 py-4 lg:py-8">
+            <code className="font-mono text-xs md:text-sm lg:text-base">
+              <div className="blink">
+                <span className="mr-2 text-pink-500">const</span>
+                <span className="mr-2 text-white">project</span>
+                <span className="mr-2 text-pink-500">=</span>
+                <span className="text-gray-400">{'{'}</span>
+              </div>
+              <div>
+                <span className="ml-4 lg:ml-8 mr-2 text-white">name:</span>
+                <span className="text-gray-400">{`'`}</span>
+                <span className="text-amber-300">{project.name}</span>
+                <span className="text-gray-400">{`',`}</span>
+              </div>
 
-          <div className="relative group">
-            <span className="ml-4 lg:ml-8 mr-2 text-white">link:</span>
-            <span className="text-gray-400">&#39;</span>
-            <span className="text-[#1C8AB5] underline group-hover:text-[#19F2B3] transition-colors duration-300">
-              {project.link}
-            </span>
-            <span className="text-gray-400">&#39;</span>
-            <a href={project.link} target="_blank" rel="noopener noreferrer" className="absolute inset-0 z-10 cursor-pointer" aria-label={`Visit ${project.name} project`}>
-              <span className="sr-only">Visit project link</span>
-            </a>
-            <span className="text-gray-400">,</span>
-          </div>
+              <div className="relative group">
+                <span className="ml-4 lg:ml-8 mr-2 text-white">link:</span>
+                <span className="text-gray-400">&#39;</span>
+                <span className="text-[#1C8AB5] underline group-hover:text-[#19F2B3] transition-colors duration-300">
+                {project.link}
+              </span>
+                <span className="text-gray-400">&#39;</span>
+                <a href={project.link} target="_blank" rel="noopener noreferrer" className="absolute inset-0 z-10 cursor-pointer" aria-label={`Visit ${project.name} project`}>
+                  <span className="sr-only">Visit project link</span>
+                </a>
+                <span className="text-gray-400">,</span>
+              </div>
 
-          <div>
-            <span className="ml-4 lg:ml-8 mr-2 text-white">date:</span>
-            <span className="text-gray-400">{`'`}</span>
-            <span className="text-amber-300">{project.date}</span>
-            <span className="text-gray-400">{`',`}</span>
-          </div>
+              <div>
+                <span className="ml-4 lg:ml-8 mr-2 text-white">date:</span>
+                <span className="text-gray-400">{`'`}</span>
+                <span className="text-amber-300">{project.date}</span>
+                <span className="text-gray-400">{`',`}</span>
+              </div>
 
-          <div className="ml-4 lg:ml-8 mr-2">
-            <span className=" text-white">tools:</span>
-            <span className="text-gray-400">{` ['`}</span>
+              <div className="ml-4 lg:ml-8 mr-2">
+                <span className=" text-white">tools:</span>
+                <span className="text-gray-400">{` ['`}</span>
 
-            {
-              project.tools.map((tag, i) => (
-                  <React.Fragment key={i}>
-                    <span className="text-amber-300">{tag}</span>
-                    {
-                        project.tools.length - 1 !== i &&
-                        <span className="text-gray-400">{`', '`}</span>
-                    }
-                  </React.Fragment>
-              ))
-            }
-            <span className="text-gray-400">{"'],"}</span>
-          </div>
-          <div>
-            <span className="ml-4 lg:ml-8 mr-2 text-white">my_role:</span>
-            <span className="text-orange-400">{project.role}</span>
-            <span className="text-gray-400">,</span>
-          </div>
-          <div className="ml-4 lg:ml-8 mr-2">
+                {
+                  project.tools.map((tag, i) => (
+                      <React.Fragment key={i}>
+                        <span className="text-amber-300">{tag}</span>
+                        {
+                            project.tools.length - 1 !== i &&
+                            <span className="text-gray-400">{`', '`}</span>
+                        }
+                      </React.Fragment>
+                  ))
+                }
+                <span className="text-gray-400">{"'],"}</span>
+              </div>
+              <div>
+                <span className="ml-4 lg:ml-8 mr-2 text-white">my_role:</span>
+                <span className="text-orange-400">{project.role}</span>
+                <span className="text-gray-400">,</span>
+              </div>
+              <div className="ml-4 lg:ml-8 mr-2">
             <span className="text-white">description:</span>
             <span className="text-cyan-400">{' ' + project.description}</span>
-            <span className="text-gray-400">,</span>
+            <span className="text-gray-400"></span>
           </div>
           <div><span className="text-gray-400">{`};`}</span></div>
         </code>
       </div>
     </div>
+      </div>
   );
 };
 
diff --git a/app/css/globals.css b/app/css/globals.css
index 67d6b56..24b7522 100644
--- a/app/css/globals.css
+++ b/app/css/globals.css
@@ -34,4 +34,19 @@ body {
 
 html {
   width: 100%;
+}
+
+.pageWrapper {
+  overflow-x: hidden;
+  width: 100%;
+  position: relative;
+}
+
+html, body {
+  overflow-x: hidden;
+  width: 100%;
+}
+
+body {
+  position: relative;
 }
\ No newline at end of file