chore: add new projects to list (#12)

This pull request updates the project lists.

**Project Data and Categorization:**

* Added a new "open source" category to `categories` in
`data/projects.ts`, with a corresponding description and icon (`oss`).
* Added new open source projects ("Hearts" and "Semantic Release") and a
new business project ("SportFXP") to the `projects` array in
`data/projects.ts`.
* Removed two business projects ("Multifreight Nig. Ltd." and
"Cybernetics Oil (CISL)") from the `projects` array in
`data/projects.ts`.
* Improved the descriptions for the "itbey Co." and "hack" categories to
clarify their focus and mention open source where relevant.

Author: babblebey

components/icons.tsx

@@ -15,7 +15,8 @@ import {
   ExternalLink,
   Sun,
   MoonStar,
-  Laptop
+  Laptop,
+  GitPullRequest
 } from "lucide-react";
 
 export type Icon = LucideIcon;
@@ -36,6 +37,7 @@ export const Icons = {
   sun: Sun,
   moon: MoonStar,
   laptop: Laptop,
+  oss: GitPullRequest,
   logo: ({ ...props }: LucideProps) => (
     <svg width="24" height="24" viewBox="0 0 190 190" version="1.1" 
       style={{shapeRendering:"geometricPrecision", textRendering:"geometricPrecision", fillRule:"evenodd", clipRule:"evenodd"}}

components/project-card.tsx

@@ -34,7 +34,7 @@ export function ProjectCard({ title, desc, image, category, url, linkText }: Pro
           width={900}
           height={300}
           alt={title}
-          className="w-full h-full object-cover object-left-top hover:scale-125 transition-transform ease-linear"
+          className="w-full h-full object-cover object-center-top hover:scale-125 transition-transform ease-linear"
           loading="lazy"
         />
       </div>

config/nav.ts

@@ -8,9 +8,9 @@ export const navConfig: NavConfig = {
     },
     {
       title: "Blog",
-      href: "/blog",
-      disabled: true, // Pending Feature Built
-      wip: true
+      href: "https://dev.to/babblebey",
+      // disabled: true, // Pending Feature Built
+      // wip: true
     },
     {
       title: "Tools",

data/projects.ts

@@ -4,18 +4,23 @@ export const categories: ProjectCategoryObj[] = [
   {
     title: "itbey Co.",
     icon: "briefcase",
-    desc: "In-production projects crafted for businesses at itbey Co."
+    desc: "In-production projects created out of specific business needs for itbey Co. or its clients."
   },
   {
     title: "hack",
     icon: "lightbulb",
-    desc: "Some 'dumb' ideas I have played or currently playing with."
+    desc: "Some 'dumb' (mostly open source) ideas I have played or currently playing with."
   },
   {
     title: "tool",
     icon: "tool",
     desc: "Tools that I've created to (ease steps or) remove repitition from my workflow."
   },
+  {
+    title: "open source",
+    icon: "oss",
+    desc: "Open source projects that I'm maintaining, advocating or heavily contributing to."
+  },
 ]
 
 export const projects: Project[] = [
@@ -27,6 +32,30 @@ export const projects: Project[] = [
     desc: "A community-driven dictionary that simplifies software engineering terms.",
     category: "hack"
   },
+  {
+    title: "SportFXP",
+    url: "https://sportfxp.com",
+    linkText: "View Website",
+    image: "/sportfxp.png",
+    desc: "An infrastructure layer for modern Sports clubs and federation.",
+    category: "itbey Co."
+  },
+  {
+    title: "Hearts",
+    url: "https://hearts.dev",
+    linkText: "Visit Website",
+    image: "/hearts.dev.png",
+    desc: "A tool to help recognize and celebrate open source contributors.",
+    category: "open source"
+  },
+  {
+    title: "Semantic Release",
+    url: "https://github.com/semantic-release/semantic-release",
+    linkText: "See Project",
+    image: "/semantic-release.png",
+    desc: "A tool to help automate the release process of software projects.",
+    category: "open source"
+  },
   {
     title: "Private Key Converter",
     url: "https://private-key-converter.vercel.app",
@@ -43,20 +72,4 @@ export const projects: Project[] = [
     desc: "A product website for an all-in-one HR management software.",
     category: "itbey Co."
   },
-  {
-    title: "Multifreight Nig. Ltd.",
-    url: "https://multifreightnig.com",
-    linkText: "View Website",
-    image: "/mfn.png",
-    desc: "A website developed for logistic and supply chain company in Nigeria.",
-    category: "itbey Co."
-  },
-  {
-    title: "Cybernetics Oil (CISL)",
-    url: "https://cyberneticsoil.com/",
-    linkText: "Visit Website",
-    image: "/cisl.png",
-    desc: "A website developed for a petroleum products trading company in Nigeria.",
-    category: "itbey Co."
-  },
 ];

public/hearts.dev.png

@@ -43,4 +43,4 @@ export type ProjectCategoryObj = {
   desc: string
 }
 
-export type ProjectCategory = "itbey Co." | "hack" | "tool"
+export type ProjectCategory = "itbey Co." | "hack" | "tool" | "open source"