chore: remove gradient

rafaykhan-source · rafaykhan-source · commit 36c052d6ddca · 2025-07-21T15:57:41.000-04:00
diff --git a/index.html b/index.html
@@ -1,8 +1,5 @@
 <!doctype html>
-<html
-  lang="en"
-  class="bg-gradient-to-br from-gray-950 to-slate-900 text-gray-300"
->
+<html lang="en" class="bg-slate-900 text-gray-300">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/coffee.svg" />
diff --git a/src/App.jsx b/src/App.jsx
@@ -50,7 +50,7 @@ const projects = [
 
 export default function App() {
   return (
-    <div className="flex min-h-screen flex-col">
+    <div className="flex flex-col">
       <header>
         <NavBar></NavBar>
       </header>
diff --git a/src/components/IntroCard.jsx b/src/components/IntroCard.jsx
@@ -3,7 +3,7 @@ import { IntroInfo } from './IntroInfo'
 export function IntroCard() {
   return (
     <>
-      <div className="m-8 rounded-xl border-2 border-gray-700 p-4 md:max-w-6xl md:p-8">
+      <div className="m-8 mt-2 rounded-xl border-2 border-gray-700 p-4 md:max-w-6xl md:p-8">
         <div className="grid grid-cols-1 place-items-center md:grid-flow-row-dense lg:grid-cols-3">
           <div className="flex-none px-4">
             <img
diff --git a/src/components/IntroInfo.jsx b/src/components/IntroInfo.jsx
@@ -1,7 +1,7 @@
 export function IntroInfo() {
   return (
     <>
-      <div className="pb-2 text-xl font-bold">Hi There! 👋</div>
+      <div className="pb-2 text-2xl font-bold">Hi There! 👋</div>
       <div className="pb-2">
         I'm <strong>Rafay Khan</strong>, a recent Computer Science (BSE)
         graduate from Princeton University. I like to automate things and
diff --git a/src/components/NavBar.jsx b/src/components/NavBar.jsx
@@ -20,7 +20,7 @@ export function NavBar() {
   ))
   return (
     <>
-      <div className="grid grid-flow-col place-content-center divide-x-2 divide-solid divide-gray-400 border-b-2 border-gray-700 py-2">
+      <div className="grid grid-flow-col place-content-center divide-x-2 divide-solid divide-gray-600 py-2 pt-4">
         {navItems}
       </div>
     </>
diff --git a/src/components/ProjectsTable.jsx b/src/components/ProjectsTable.jsx
@@ -7,7 +7,6 @@ export function ProjectsTable({ projects }) {
   return (
     <>
       <div className="grid grid-cols-1 place-items-center gap-8">
-        <div className="text-4xl font-bold">Projects</div>
         <div className="mx-4 grid grid-flow-row-dense gap-2 px-4 lg:grid-cols-2">
           {items}
         </div>
