Testing new metadata in discord embeds and updated favicon

IMXNOOBX · Apr 2, 2024 · 7e88575 · 7e88575
1 parent 8801931
commit 7e88575
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 7 deletions.
diff --git a/app/components/navbar/index.tsx b/app/components/navbar/index.tsx
@@ -19,7 +19,7 @@ import Openlayout from "@/public/assets/openlayout.svg";
 import Projects from "@/public/assets/projects.png";
 // import Et from "@/public/assets/et.png";
 // import Call from "@/public/assets/call.png";
-// import Home from "@/public/assets/home.png";
+import Home from "@/public/assets/home.png";
 
 import Menu from "@/public/assets/menu.png"
 
@@ -150,6 +150,12 @@ export default function Navbar() {
                             {/* Phone nav */}
                             <div className="flex lg:hidden [.open_&]:w-full ml-auto mr-4">
                                 <div className="hidden [.open_&]:flex mr-auto gap-8 transition-all [.open_&]:-translate-x-10 text-white">
+                                    <Navlink
+                                        to="/"
+                                        className="my-auto w-0 [.open_&]:w-auto -translate-x-40 opacity-0 [.open_&]:translate-x-0 [.open_&]:opacity-100 transition-all duration-300 delay-75 [.open_&]:delay-300"
+                                        image={Home}>
+                                        Home
+                                    </Navlink>
                                     <Navlink
                                         to="/projects"
                                         className="my-auto w-0 [.open_&]:w-auto -translate-x-40 opacity-0 [.open_&]:translate-x-0 [.open_&]:opacity-100 transition-all duration-300 delay-75 [.open_&]:delay-300"

diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -9,7 +9,17 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "Universe",
-  description: "With great power comes great responsibility.",
+  icons: [{
+    rel: "icon",
+    href: "/favicon.ico",
+    url: "/favicon.ico", // Add the missing 'url' property
+  }],
+  description: "Dive into my universe of pojects in my portfolio.",
+  twitter: {
+    title: "Universe",  
+    images: [ { url: "https://opengraph.githubassets.com/1/IMXNOOBX/my-universe" } ]
+  },
+  authors: [{ name: "@IMXNOOBX", url: "https://github.com/IMXNOOBX" }],
 };
 
 export default function RootLayout({

diff --git a/app/projects/card/index.tsx b/app/projects/card/index.tsx
@@ -23,7 +23,7 @@ export default async function ProjectCard({ project, index }: { project: any, in
                     y: 0,
                     transition: {
                         duration: 2,
-                        delay: index * 0.1
+                        delay: index * 0.2
                     }
                 }
             }}

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
@@ -20,7 +20,7 @@ export default async  function Projects() {
     repos = repos.sort((r: any, o: any) => o.stargazers_count - r.stargazers_count)
 
   return (
-    <div className="relative w-full grid md:grid-cols-2 xl:grid-cols-3 gap-8 text-white my-20 pb-20 animate-fade-in">
+    <div className="relative w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 text-white my-20 pb-20 animate-fade-in">
         {repos.map((repo: any, i: number) => (
             <div key={i}>
                 <ProjectCard project={repo} index={i} />

diff --git a/app/timeline/page.tsx b/app/timeline/page.tsx
@@ -42,7 +42,7 @@ export default function Timeline() {
 
     return (
         <motion.div
-            className="relative h-screen overflow-hidden flex flex-col justify-center items-center text-white"
+            className="relative h-full overflow-hidden pb-20 flex flex-col justify-center items-center text-white"
             initial="hidden"
             animate={"visible"}
             variants={{
@@ -60,7 +60,7 @@ export default function Timeline() {
             }}
         >
             <motion.h2
-                className="text-6xl font-bold mb-4 flex flex-col items-center"
+                className="text-6xl font-bold mb-4 flex flex-col items-center opacity-100"
                 animate={{
                     opacity: scrollPercentage == 0 ? 0.1 : 1
                 }}
@@ -80,7 +80,7 @@ export default function Timeline() {
             />
 
             <div className="w-full h-full flex items-start justify-center mt-24">
-                <div className="flex flex-col w-full space-y-20">
+                <div className="flex flex-col w-full space-y-10 sm:space-y-20">
                     <TimelineCard
                         visible={scrollPercentage > 25}
                         logo={OpenLayout}