v3 ✨

itsrn · Mar 11, 2024 · 10646b7 · 10646b7
1 parent 0012e42
commit 10646b7
Show file tree

Hide file tree

Showing 15 changed files with 410 additions and 253 deletions.
diff --git a/README.md b/README.md
@@ -1,12 +1,16 @@
 # My website
-This is my simple and clean website. Created with Nextjs, TailwindCSS and TypeScript.
+This is my simple and clean website. Created with Next.js, TailwindCSS and TypeScript.
 
 ## Getting Started
+Fork the repo (or download it), then go to the project's directory and run:
 ```bash
 npm run dev
 # or
 yarn dev
 # or
 pnpm dev
+# or
+bun dev
 ```
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
diff --git a/app/Font.ttf b/app/Font.ttf
diff --git a/app/components/AnimatedBadge.tsx b/app/components/AnimatedBadge.tsx
diff --git a/app/components/ButtonGradient.tsx b/app/components/ButtonGradient.tsx
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
diff --git a/app/components/Socials.tsx b/app/components/Socials.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,15 +1,15 @@
 import "./globals.css";
 import type { Metadata } from "next";
-import localFonts from "next/font/local";
+import { Playfair_Display } from "next/font/google";
 
 export const metadata: Metadata = {
   title: "Ron Nuss",
-  description: "I'm Ron, 16 years old, full-stack developer.",
+  description: "I'm Ron, a Back-End Developer that turns ideas into projects.",
   icons: ["https://avatars.githubusercontent.com/u/132187043?v=4"],
 };
 
-const websiteFont = localFonts({
-  src: "./Font.ttf",
+const playfairDisplay = Playfair_Display({
+  subsets: ["latin"],
 });
 
 export default function RootLayout({
@@ -19,8 +19,12 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={"min-h-screen bg-neutral-950 overflow-x-hidden " + websiteFont.className}>
-        <div className="absolute top-0 z-[-2] min-h-screen w-screen bg-neutral-950 bg-[radial-gradient(ellipse_80%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
+      <body
+        className={
+          "min-h-screen fixed bg-[#F0F2AE] text-[#0D0D0D] " +
+          playfairDisplay.className
+        }
+      >
         {children}
       </body>
     </html>