clean up code

Daniel264 · Sep 26, 2024 · 38998a6 · 38998a6
1 parent 5b573bf
commit 38998a6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/components/DotGrid.tsx b/src/components/DotGrid.tsx
@@ -1,13 +1,13 @@
-const WaterDropGrid = () => {
-    return (
-        <div className="relative grid h-screen place-content-center bg-slate-900">
-            <DotGrid />
-        </div>
-    );
-};
+// const WaterDropGrid = () => {
+//     return (
+//         <div className="relative grid h-screen place-content-center">
+//             <DotGrid />
+//         </div>
+//     );
+// };
 
 const GRID_WIDTH = 25;
-const GRID_HEIGHT = 25;
+const GRID_HEIGHT = 20;
 
 const DotGrid = () => {
     const dots = [];
@@ -16,14 +16,18 @@ const DotGrid = () => {
     for (let i = 0; i < GRID_WIDTH; i++) {
         for (let j = 0; j < GRID_HEIGHT; j++) {
             dots.push(
-                <div className="cursor-crosshair rounded-full p-2 transition-colors hover:bg-slate-600" data-index={index} key={`${i}-${j}`}>
+                <div className="cursor-crosshair rounded-full p-2 transition-colors place-content-center hover:bg-slate-600" data-index={index} key={`${i}-${j}`}>
                     <div className="dot-point h-2 w-2 rounded-full bg-gradient-to-b from-slate-700 to-slate-400 opacity-50" data-index={index} />
                 </div>
             );
             index++;
         }
     }
-    return <div style={{ gridTemplateColumns: `repeat(${GRID_WIDTH}, 1fr)` }}>{dots}</div>;
+    return (
+        <div style={{ gridTemplateColumns: `repeat(${GRID_WIDTH}, 1fr)` }} className="grid w-fit">
+            {dots}
+        </div>
+    );
 };
 
-export default WaterDropGrid;
+export default DotGrid;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -3,7 +3,6 @@ import Menu from "@/components/Menu";
 import SEO from "@/components/SEO";
 import Stats from "@/components/Stats";
 import TopNavigation from "@/components/TopNavigation";
-import Image from "next/image";
 import { toast } from "react-toastify";
 import Portfolio from "./portfolio";
 import Contact from "./contact";
@@ -17,8 +16,6 @@ import Footer from "@/components/Footer";
 import Skills from "@/components/Skills";
 import PreLoader from "@/components/PreLoader";
 import Loader from "@/components/Loader";
-import { time } from "console";
-import { Reveal } from "@/components/Reveal";
 
 const Typed = dynamic(() => import("@/components/Typed"), { ssr: false });
 
@@ -155,6 +152,7 @@ export default function Home() {
                                                 <div className="w-full">
                                                     <p className="text-lg text-[rgba(174,174,174,1)]">Hello, my name is </p>
                                                     <h3 className="text-[rgba(251, 251, 251,1)] font-scale my-5 text-center text-4xl sm:text-5xl md:text-7xl" style={{ clipPath: "polygon(0 0, 100% 0, 100% 100%, 0% 100%)" }}>
+
                                                         <span
                                                             id="big"
                                                             className="font-monasans text-[3.4rem] font-extrabold leading-tight text-[#E4DED7] sm:text-8xl md:tracking-wider
@@ -164,6 +162,7 @@ export default function Home() {
                                                             OLATINSU
                                                         </span>
                                                     </h3>
+
                                                     <p className="pt-10 text-2xl font-light">
                                                         <span className="font-semibold">I&apos;m a</span> <Typed />
                                                     </p>