From 417fa08ac38e7c8b0e461faf978fe9f35f451716 Mon Sep 17 00:00:00 2001
From: Ibrahim Raimi <raimiibrahim44@gmail.com>
Date: Sun, 18 Feb 2024 12:07:49 +0100
Subject: [PATCH] feat: change ui theme, add new project & fix broken links

---
 src/components/Header.astro |  4 ++--
 src/data/presentation.ts    |  4 ++--
 src/data/projects.ts        | 26 ++++++++++----------------
 src/data/theme.ts           |  4 ++--
 src/pages/index.astro       |  8 +++-----
 src/utils/types/index.ts    |  2 +-
 6 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 658d17c..1ccf66f 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -6,8 +6,8 @@ const pathname = removeTrailingSlash(Astro.url.pathname);
 ---
 
 <header class="z-40 flex w-full flex-col gap-2 md:flex-row md:justify-between">
-  <a href={`mailto:${presentation.mail}`} class="hover:text-neutral-100">
-    {presentation.mail}
+  <a href="/" class="hover:text-neutral-100">
+    {presentation.name}
   </a>
 
   <nav role="navigation">
diff --git a/src/data/presentation.ts b/src/data/presentation.ts
index 4b09873..ed7f327 100644
--- a/src/data/presentation.ts
+++ b/src/data/presentation.ts
@@ -1,10 +1,10 @@
 import type { Presentation } from "@/utils/types";
 
 const presentation: Presentation = {
-  mail: "contact@ibrahimraimi.com",
+  name: "Ibrahim",
   title: "Hey there 👋, I'm Ibrahim",
   description:
-    "A software developer and occasional writer. As the mind behind Craftform, I'm committed to refining businesses through a dynamic approach to insightful web forms. When I'm not immersed in perfecting Craftform, I contribute and moderate content on *Dev.to*",
+    "A software developer and occasional writer. As the mind behind Craftform, I'm committed to refining businesses through a dynamic approach to insightful web forms. When I'm not immersed in perfecting Craftform, I contribute and moderate content on Dev.to",
   socials: [
     {
       label: "Twitter",
diff --git a/src/data/projects.ts b/src/data/projects.ts
index 80a57cd..6b7f720 100644
--- a/src/data/projects.ts
+++ b/src/data/projects.ts
@@ -1,16 +1,6 @@
 import type { Project } from "@/utils/types";
 
 const projects: Project[] = [
-  {
-    title: "Korty Eniola",
-    description: "A fan site for Korty Eniola",
-    link: "https://korty.ibrahimraimi.com",
-  },
-  {
-    title: "Bruno Arizio",
-    description: "Studio-BA® is a multidisciplinary design practice.",
-    link: "https://brunoarizio.com",
-  },
   {
     title: "Craftform",
     description:
@@ -18,6 +8,16 @@ const projects: Project[] = [
     link: "https://craftform.ibrahimraimi.com",
     isComingSoon: false,
   },
+  {
+    title: "Korty Eniola",
+    description: "A fan site for Korty Eniola",
+    link: "https://korty.ibrahimraimi.com",
+  },
+  {
+    title: "BlankBox",
+    description: "kickstart your frontend project with little effort.",
+    link: "https://blankbox.vercel.app",
+  },
   {
     title: "Astra Ecommerce",
     description:
@@ -25,12 +25,6 @@ const projects: Project[] = [
     link: "",
     isComingSoon: true,
   },
-  {
-    title: "Devrider",
-    description: "A curated list of resources for frontend development.",
-    link: "",
-    isComingSoon: true,
-  },
 ];
 
 export default projects;
diff --git a/src/data/theme.ts b/src/data/theme.ts
index 344abff..68aea99 100644
--- a/src/data/theme.ts
+++ b/src/data/theme.ts
@@ -12,9 +12,9 @@ type Theme = {
 
 const theme: Theme = {
   colors: {
-    primary: "orange",
+    primary: "teal",
     blur: {
-      top: "orange",
+      top: "teal",
       bottom: "violet",
     },
   },
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 79f4a75..c9b87cc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -73,9 +73,7 @@ const posts = (await getCollection("posts")).sort(function (first, second) {
 
     <article class="flex flex-col gap-8">
       <header class="flex w-full flex-row justify-between gap-2">
-        <h3 class="text-lg text-neutral-100">
-          Software I'm currently building
-        </h3>
+        <h3 class="text-lg text-neutral-100">Projects</h3>
       </header>
       {projects.length === 0 && <p>Oops, I must work^^^^^</p>}
 
@@ -93,8 +91,8 @@ const posts = (await getCollection("posts")).sort(function (first, second) {
       </header>
       <p>
         Email me at <Link
-          href={`mailto:${presentation.mail}`}
-          label={presentation.mail}
+          href="mailto:raimiibrahim44@gmail.com"
+          label="raimiibrahim44@gmail.com"
         /> or follow me via my social links.
       </p>
 
diff --git a/src/utils/types/index.ts b/src/utils/types/index.ts
index 93d90ba..6295bc4 100644
--- a/src/utils/types/index.ts
+++ b/src/utils/types/index.ts
@@ -42,7 +42,7 @@ export type Social = {
 };
 
 export type Presentation = {
-  mail: string;
+  name: string;
   title: string;
   description: string;
   socials: Social[];