Fix: made some changes acc. to coderabitai

FrancescoXX · Oct 21, 2024 · 9a5db7d · 9a5db7d
1 parent 8bb49f0
commit 9a5db7d
Show file tree

Hide file tree

Showing 14 changed files with 174 additions and 174 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+   <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="720" src="https://embed.figma.com/design/MpzNRXe7qVWBUtEjZj4s3f/DevsDailogue?node-id=0-1&embed-host=share" allowfullscreen></iframe>
+</body>
+</html>
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
@@ -1,3 +1,4 @@
+import Header from "@/components/Header";
 import React from "react";
 
 export default function Authlayout({
@@ -6,11 +7,11 @@ export default function Authlayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="relative flex flex-col justify-center items-center bg-background h-screen overflow-hidden">
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div><div className="relative flex flex-col justify-center items-center bg-background h-screen overflow-hidden">
 
       <div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[900px] -top-28 -right-48 transform translate-x-0"></div>
 
       {children}
-    </div>
+    </div></>
   );
 }
diff --git a/src/app/books/page.tsx b/src/app/books/page.tsx
@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import { ArrowRight, Search } from "lucide-react";
 import { books } from "@/data/books";
 import Card from "@/components/Card";
+import Header from "@/components/Header";
 
 export default function Books() {
   const [searchTerm, setSearchTerm] = useState("");
@@ -21,9 +22,10 @@ export default function Books() {
   };
 
   return (
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div>
     <div className="min-h-screen bg-background bg-opacity-5 mb-24">
       <div className="container mx-auto px-4 py-12">
-      <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
+        <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
           BOOKS TO LEARN <span className="bg-gradient-to-r from-[#F5742E]/90 to-[#D93A29] bg-clip-text text-transparent">RUST</span>
         </h1>
 
@@ -34,12 +36,10 @@ export default function Books() {
               placeholder="Search books..."
               value={searchTerm}
               onChange={handleSearch}
-              className="w-full p-3 pl-10 rounded-full border border-foreground/20 bg-transparent dark:bg-gray-800 text-foreground/80 focus:outline-none focus:ring-2 focus:ring-primary/80"
-            />
+              className="w-full p-3 pl-10 rounded-full border border-foreground/20 bg-transparent dark:bg-gray-800 text-foreground/80 focus:outline-none focus:ring-2 focus:ring-primary/80" />
             <Search
               className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-              size={20}
-            />
+              size={20} />
           </div>
         </div>
 
@@ -55,6 +55,6 @@ export default function Books() {
           </p>
         )}
       </div>
-    </div>
+    </div></>
   );
 }
diff --git a/src/app/devtools/page.tsx b/src/app/devtools/page.tsx
@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import { Search } from "lucide-react";
 import { tools } from "@/data/tools";
 import Card from "@/components/Card";
+import Header from "@/components/Header";
 
 export default function DevTools() {
   const [searchTerm, setSearchTerm] = useState("");
@@ -21,9 +22,9 @@ export default function DevTools() {
   };
 
   return (
-    <div className="min-h-screen bg-background bg-opacity-5 mb-24">
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div><div className="min-h-screen bg-background bg-opacity-5 mb-24">
       <div className="container mx-auto px-4 py-12">
-      <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
+        <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
           Rust<span className="bg-gradient-to-r from-[#F5742E]/90 to-[#D93A29] bg-clip-text text-transparent"> Developer</span> tool
         </h1>
 
@@ -34,12 +35,10 @@ export default function DevTools() {
               placeholder="Search tools..."
               value={searchTerm}
               onChange={handleSearch}
-              className="w-full p-3 pl-10 rounded-full border border-gray-300 dark:border-gray-700 bg-transparent dark:bg-gray-800 text-foreground placeholder:text-muted-foreground/80 focus:outline-none focus:ring-2 focus:ring-red-500"
-            />
+              className="w-full p-3 pl-10 rounded-full border border-gray-300 dark:border-gray-700 bg-transparent dark:bg-gray-800 text-foreground placeholder:text-muted-foreground/80 focus:outline-none focus:ring-2 focus:ring-red-500" />
             <Search
               className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground/80"
-              size={20}
-            />
+              size={20} />
           </div>
         </div>
 
@@ -55,6 +54,6 @@ export default function DevTools() {
           </p>
         )}
       </div>
-    </div>
+    </div></>
   );
 }
diff --git a/src/app/dsas/page.tsx b/src/app/dsas/page.tsx
@@ -7,6 +7,7 @@ import { FaCopy } from "react-icons/fa";
 import { IoCloseSharp } from "react-icons/io5";
 import SyntaxHighlighter from "react-syntax-highlighter";
 import { nightOwl } from "react-syntax-highlighter/dist/esm/styles/hljs";
+import Header from "@/components/Header";
 
 const DSAPage: React.FC = () => {
   const [searchTerm, setSearchTerm] = useState("");
@@ -46,9 +47,10 @@ const DSAPage: React.FC = () => {
   };
 
   return (
-    <div className="min-h-screen bg-backgroun bg-opacity-5 mb-24">
+
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div><div className="min-h-screen bg-backgroun bg-opacity-5 mb-24">
       <div className="container mx-auto px-4 py-12">
-      <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
+        <h1 className="text-6xl font-semibold text-center text-foreground mt-8 uppercase">
           Data sturctures in <span className="bg-gradient-to-r from-[#F5742E]/90 to-[#D93A29] bg-clip-text text-transparent">RUST</span>
         </h1>
 
@@ -59,12 +61,10 @@ const DSAPage: React.FC = () => {
               placeholder="Search data structures..."
               value={searchTerm}
               onChange={handleSearch}
-              className="w-full p-3 pl-14 rounded-full border border-foreground/40 bg-transparent text-foreground/80 focus:outline-none focus:ring-2 focus:ring-red-500 placeholder:text-muted-foreground/80" 
-            />
+              className="w-full p-3 pl-14 rounded-full border border-foreground/40 bg-transparent text-foreground/80 focus:outline-none focus:ring-2 focus:ring-red-500 placeholder:text-muted-foreground/80" />
             <Search
               className="absolute left-6 top-1/2 transform -translate-y-1/2 text-muted-foreground/80"
-              size={20}
-            />
+              size={20} />
           </div>
         </div>
 
@@ -139,7 +139,7 @@ const DSAPage: React.FC = () => {
           </div>
         </div>
       )}
-    </div>
+    </div></>
   );
 };
 

diff --git a/src/app/environement/page.tsx b/src/app/environement/page.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+type Props = {}
+
+export default function lesson({}: Props) {
+  return (
+    <div>lesson</div>
+  )
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -100,8 +100,7 @@ export default function RootLayout({
             enableSystem
             disableTransitionOnChange
           >
-        <Header />
-        <div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div>
+
         {children}
 
         <Footer />

diff --git a/src/app/lessons/page.tsx b/src/app/lessons/page.tsx
@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import Link from "next/link";
 import { ArrowRight, Search } from "lucide-react";
 import { lessons } from "@/data/lessons";
+import Header from "@/components/Header";
 
 export default function Lessons() {
   const [searchTerm, setSearchTerm] = useState("");
@@ -19,13 +20,14 @@ export default function Lessons() {
   };
 
   return (
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div>
     <div className="min-h-screen bg-background bg-opacity-5 mb-24">
       <div className="container mx-auto px-4 py-12">
         <div className="m-8">
-        <h1 className="text-6xl font-semibold text-center text-foreground mt-8">
-          RUST <span className="bg-gradient-to-r from-[#F5742E]/90 to-[#D93A29] bg-clip-text text-transparent">LESSONS</span>
-        </h1>
-        <h6 className="text-foreground/90 font-light text-base text-center ">Everything you need to learn about Rust</h6>
+          <h1 className="text-6xl font-semibold text-center text-foreground mt-8">
+            RUST <span className="bg-gradient-to-r from-[#F5742E]/90 to-[#D93A29] bg-clip-text text-transparent">LESSONS</span>
+          </h1>
+          <h6 className="text-foreground/90 font-light text-base text-center ">Everything you need to learn about Rust</h6>
         </div>
 
         <div className="mb-8 mt-20 mx-auto">
@@ -35,12 +37,10 @@ export default function Lessons() {
               placeholder="Search lessons..."
               value={searchTerm}
               onChange={handleSearch}
-              className="w-full p-3 pl-14 rounded-full border border-muted-foreground/80 bg-transparent   text-accent-foreground/80 focus:outline-none focus:ring-2 focus:ring-primary/95 placeholder:text-muted-foreground/80"
-            />
+              className="w-full p-3 pl-14 rounded-full border-[0.5px] border-muted-foreground/70 bg-transparent   text-accent-foreground/80 focus:outline-none focus:ring-2 focus:ring-primary/95 placeholder:text-muted-foreground/80" />
             <Search
               className="absolute left-6 top-1/2 transform -translate-y-1/2 text-muted-foreground/80 "
-              size={20}
-            />
+              size={20} />
           </div>
         </div>
 
@@ -83,6 +83,6 @@ export default function Lessons() {
           </p>
         )}
       </div>
-    </div>
+    </div></>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -7,21 +7,22 @@ import ProjectsSection from "../components/ProjectsSection";
 import SubstackCustom from "../components/SubstackCustom";
 import DSAToolSection from "@/components/DSASection";
 import LessonSection from "@/components/LessonSection";
+import Header from "@/components/Header";
 
 
 export default function Home() {
   return (
+    <><Header /><div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[600px] -top-64 left-1/2 transform -translate-x-1/2"></div>
     <main className="relative flex-grow flex flex-col items-center extra-small:text-[0.75em] small:text-[1rem] justify-center text-center space-y-6 bg-background bg-opacity-5 w-full overflow-hidden">
-      
+
       <div className="flex flex-col items-center justify-center text-center space-y-6 m-20">
-      <div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[500px] top-28 -right-48 transform translate-x-0"></div>
+        <div className="absolute w-[262px] h-[262px] bg-gradient-to-r from-[#f5742e] to-[#d93a29] rounded-full blur-[500px] top-28 -right-48 transform translate-x-0"></div>
         <Image
           src="/rust_lgo_720.png"
           alt="Rust Logo"
           width={70}
           height={70}
-          className="mx-auto mt-5"
-        />
+          className="mx-auto mt-5" />
         <h1 className="text-5xl font-bold flex items-center space-x-2">
           <a
             href="https://github.com/FrancescoXX/rustcrab"
@@ -33,12 +34,12 @@ export default function Home() {
           </a>
         </h1>
         <br />
-        <p className="text-5xl md:text-3xl lg:text-4xl text-foreground font-normal uppercase">
-          An Open source project with everything <br/> you need to 
+        <p className="text-5xl md:text-3xl lg:text-4xl text-foreground font-normal uppercase mb-6">
+          An Open source project with everything <br /> you need to
           <span className="bg-gradient-to-r from-[#F5742E] to-[#D93A29] bg-clip-text text-transparent"> learn about Rust</span>
         </p>
         <br />
-        <div className="w-full max-w-md">
+        <div className="w-full max-w-md ">
           <SubstackCustom />
         </div>
         <br />
@@ -66,6 +67,6 @@ export default function Home() {
       <div id='projects' className='min-h-dvh'>
         <ProjectsSection />
       </div>
-    </main>
+    </main></>
   );
 }