From f2969550276b6877c1306627aecb20715cae1132 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Wed, 30 Oct 2024 19:39:47 +0000
Subject: [PATCH] feat: add some stuff and things (#32)

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/32
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
---
 src/app/art/page.tsx       |  2 +-
 src/app/games/page.tsx     |  2 +-
 src/components/art.tsx     |  5 ++--
 src/components/game.tsx    | 16 ++++++++---
 src/config/Art.ts          | 58 ++++++++++++++++++++++++++++++++++----
 src/config/Games.ts        | 40 ++++++++++++++++++++++++++
 src/config/Jobs.ts         |  4 +--
 src/config/Testimonials.ts |  8 ++++++
 8 files changed, 120 insertions(+), 15 deletions(-)

diff --git a/src/app/art/page.tsx b/src/app/art/page.tsx
index 5692173..d5c2635 100644
--- a/src/app/art/page.tsx
+++ b/src/app/art/page.tsx
@@ -12,7 +12,7 @@ const Arts = (): JSX.Element => {
           <Rule />
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 grid-cols-1 gap-y-5">
             {Art.sort((a, b) => a.name.localeCompare(b.name)).map((art) => (
-              <ArtComponent key={art.name} name={art.name} img={art.img} artist={art.artist} url={art.url}/>
+              <ArtComponent key={art.name} name={art.name} img={art.img} artist={art.artist} url={art.url} alt={art.alt}/>
             ))}
           </div>
         </section>
diff --git a/src/app/games/page.tsx b/src/app/games/page.tsx
index f910308..c177861 100644
--- a/src/app/games/page.tsx
+++ b/src/app/games/page.tsx
@@ -15,7 +15,7 @@ const Gamez = (): JSX.Element => {
           <Rule />
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 grid-cols-1 gap-y-5">
             {Games.sort((a, b) => a.name.localeCompare(b.name)).map((game) => (
-              <Game key={game.name} name={game.name} img={game.img} />
+              <Game key={game.name} name={game.name} img={game.img} alt={game.alt} url={game.url} />
             ))}
           </div>
         </section>
diff --git a/src/components/art.tsx b/src/components/art.tsx
index 5a7a590..3f62e38 100644
--- a/src/components/art.tsx
+++ b/src/components/art.tsx
@@ -5,10 +5,11 @@ interface ArtProps {
   img: string;
   artist: string;
   url: string;
+  alt: string;
 }
 
 export const ArtComponent = (props: ArtProps): JSX.Element => {
-  const { name, img, artist, url } = props;
+  const { name, img, artist, url, alt } = props;
 
   return (
     <div className="w-[300px] h-[300px] border-2 border-solid border-[--foreground] m-auto text-center items-center">
@@ -20,7 +21,7 @@ export const ArtComponent = (props: ArtProps): JSX.Element => {
       >
         <Image
           src={`https://cdn.nhcarrigan.com/art/${img}`}
-          alt={name}
+          alt={alt}
           width={250}
           height={250}
           className="m-auto object-contain  max-h-[250px] max-w-[250px]"
diff --git a/src/components/game.tsx b/src/components/game.tsx
index 76151ec..101ccad 100644
--- a/src/components/game.tsx
+++ b/src/components/game.tsx
@@ -1,17 +1,25 @@
 import Image from "next/image";
-import { useState } from "react";
 
 interface GameProps {
   name: string;
   img: string;
+  url: string;
+  alt: string;
 }
 
 export const Game = (props: GameProps): JSX.Element => {
-  const { name, img } = props;
+  const { name, img, url, alt } = props;
 
   return (
     <div className="w-[300px] h-[300px] border-2 border-solid border-[--foreground] m-auto text-center items-center">
-      <p className="text-xl">{name}</p>
+      <a
+        href={url}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="text-xl underline"
+      >
+        <p>{name}</p>
+      </a>
       <a
         href={`https://cdn.nhcarrigan.com/games/${img}`}
         target="_blank"
@@ -19,7 +27,7 @@ export const Game = (props: GameProps): JSX.Element => {
       >
         <Image
           src={`https://cdn.nhcarrigan.com/games/${img}`}
-          alt={name}
+          alt={alt}
           width={250}
           height={250}
           className="m-auto object-contain  max-h-[250px] max-w-[250px]"
diff --git a/src/config/Art.ts b/src/config/Art.ts
index ef1312e..8a6d4c9 100644
--- a/src/config/Art.ts
+++ b/src/config/Art.ts
@@ -3,35 +3,83 @@ export const Art: {
     img: string;
     artist: string;
     url: string;
+    alt: string;
   }[] = [
     {
         name: "Avatar",
         img: "profile.png",
         artist: "Jazzybee",
-        url: "https://jazzybee.itch.io/sdvcharactercreator"
+        url: "https://jazzybee.itch.io/sdvcharactercreator",
+        alt: "Pixel art portrait of a person with medium-length brown hair, purple glasses, and a blue top against a pink and blue striped background. A blue star-shaped hair clip adorns their hair."
     },
     {
         name: "AI Bot",
         img: "ai-bot.png",
         artist: "Picrew",
-        url: "https://picrew.me/en/image_maker/1382748"
+        url: "https://picrew.me/en/image_maker/1382748",
+        alt: "Anime-style illustration of a character wearing a large brown witch hat decorated with roses and hanging charms against a cloudy background."
     },
     {
         name: "Mod Bot",
         img: "mod-bot.png",
         artist: "Picrew",
-        url: "https://picrew.me/en/image_maker/27700"
+        url: "https://picrew.me/en/image_maker/27700",
+        alt: "Anime-style portrait of a character with short burgundy hair and glasses, wearing a black blazer over a light blue shirt with a choker, against a pale blue patterned background."
     },
     {
         name: "Translation Bot",
         img: "translation-bot.png",
         artist: "Picrew",
-        url: "https://picrew.me/en/image_maker/3595"
+        url: "https://picrew.me/en/image_maker/3595",
+        alt: "Anime-style portrait of a character with wavy brown hair, glasses, and a black lacy top, winking and smiling"
     },
     {
         name: "Task Bot",
         img: "task-bot.png",
         artist: "Picrew",
-        url: "https://picrew.me/en/image_maker/700620"
+        url: "https://picrew.me/en/image_maker/700620",
+        alt: "Anime-style character with brown hair and glasses wearing a teal hat and shirt with a heart design, smiling excitedly"
+    },
+    {
+        name: "Boost Monitor Bot",
+        img: "boost-bot.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/1310292",
+        alt: "Anime-style portrait of a character with glasses and wavy hair, wearing an off-shoulder pink top with a heart pendant necklace, against a bright pink circular background."
+    },
+    {
+        name: "Social Media Bridge",
+        img: "bridge.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/21208",
+        alt: "Anime-style portrait of a character with blonde and black hair, blushing cheeks, and teary blue eyes, smiling against a turquoise background."
+    },
+    {
+        name: "Trick or Treat",
+        img: "trick-or-treat.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/1712061",
+        alt: "Gothic anime-style portrait of a character with purple eyeshadow, spider hair clip, and choker necklace in a forest setting"
+    },
+    {
+        name: "Padoru",
+        img: "padoru.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/1843743",
+        alt: "Cartoon character in a blue winter outfit with a pointed hat, holding a bloody sack, against a pink snowflake background"
+    },
+    {
+        name: "Trans Pride",
+        img: "trans.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/100365/",
+        alt: "Cartoon portrait of a character with brown hair and glasses, smiling against a transgender flag heart background"
+    },
+    {
+        name: "Alt-text Generator",
+        img: "alt-text.png",
+        artist: "Picrew",
+        url: "https://picrew.me/en/image_maker/2003689/",
+        alt: "Anime-style portrait of a character with headphones and glasses, wearing a choker and holding a drink, against a pink pixelated background. Text 'xoxo 4Dear' visible."
     }
   ]
\ No newline at end of file
diff --git a/src/config/Games.ts b/src/config/Games.ts
index df7a415..c631ca1 100644
--- a/src/config/Games.ts
+++ b/src/config/Games.ts
@@ -1,69 +1,109 @@
 export const Games: {
   name: string;
   img: string;
+  url: string;
+  alt: string;
 }[] = [
   {
     name: "Bloody Spell",
     img: "bloody-spell.jpg",
+    url: "https://store.steampowered.com/app/992300/_Bloody_Spell/",
+    alt: "A fantasy character in a pink outfit and tiara stands barefoot on rocky ground in a rainy, dark setting. She holds a weapon and is surrounded by puddles and a shadowy landscape with hints of ancient architecture."
   },
   {
     name: "Dynasty Warriors 9: Empires",
     img: "dw-9.jpg",
+    url: "https://store.steampowered.com/app/1341200/DYNASTY_WARRIORS_9_Empires/",
+    alt: "Animated character in a purple traditional Chinese robe wielding a large sword in a wooden temple-like structure with ornate pillars and lanterns."
   },
   {
     name: "Soul Calibur VI",
     img: "soul-calibur.jpg",
+    url: "https://store.steampowered.com/app/544750/SOULCALIBUR_VI/",
+    alt: "A stylized female character in a video game or 3D rendering, wearing a white top and long red skirt, holding a sword and striking a dramatic pose with one arm raised. She stands on a stone platform with mountains in the background."
   },
   {
     name: "Star Wars: The Old Republic",
     img: "swtor.jpg",
+    url: "https://store.steampowered.com/app/1286830/STAR_WARS_The_Old_Republic/",
+    alt: "A virtual character in a red dress sits on a throne in a futuristic corridor. The character has short hair and is barefoot. Above the character is the text 'Avalon'. The scene appears to be from a video game or digital simulation, with a dark, metallic environment surrounding the central figure."
   },
   {
     name: "Idling to Rule the Gods",
     img: "idling-god.png",
+    url: "https://store.steampowered.com/app/466170/Idling_to_Rule_the_Gods/",
+    alt: "Anime-style illustration of a young woman in a dark floral kimono standing in a lush green field. Behind her, a vibrant galaxy-like spiral shimmers in the sky. Yellow flowers bloom in the foreground, and glowing particles float around her. The scene has a magical, ethereal quality."
   },
   {
     name: "Nioh 2",
     img: "nioh-2.jpg",
+    url: "https://store.steampowered.com/app/1325200/Nioh_2__The_Complete_Edition/",
+    alt: "A female video game character stands on a wooden bridge in a Japanese-style garden. She wears samurai-like armor and holds a long bow. The character has long dark hair and glasses. The scene is rendered in a soft, slightly blurred style with pink cherry blossom trees in the background."
   },
   {
     name: "Deathly Stillness",
     img: "deathly-stillness.jpg",
+    url: "https://store.steampowered.com/app/1727650/Deathly_Stillness/",
+    alt: "3D rendering of a figure wearing a Japanese-style school uniform with a white top, pink sailor collar, and purple pleated skirt, standing against a dark background. The figure has short brown hair and is shown in a full-body pose."
   },
   {
     name: "Once Human",
     img: "once-human.jpg",
+    url: "https://store.steampowered.com/app/2139460/Once_Human/",
+    alt: "A 3D rendered character in a futuristic or sci-fi style outfit. The figure is wearing a light-colored bodysuit with straps and mechanical details, holding a large gun. The character has blonde hair and stands against a dark background in a ready pose."
   },
   {
     name: "Fallout 4",
     img: "fallout-4.jpg",
+    url: "https://store.steampowered.com/app/377160/Fallout_4/",
+    alt: "A woman in post-apocalyptic armor stands in a desolate urban landscape. She wears sunglasses, leather armor pieces, and holds a weapon. The background shows damaged buildings and debris in a hazy, dusty environment."
   },
   {
     name: "Guild Wars 2",
     img: "gw2.png",
+    url: "https://store.steampowered.com/app/1284210/Guild_Wars_2/",
+    alt: "Fantasy video game character in a revealing purple and gold outfit with a crown, standing in a lush mountainous landscape with floating islands and waterfalls. Character selection interface visible at the bottom of the image."
   },
   {
     name: "Neverwinter Nights",
     img: "nwn.jpg",
+    url: "https://store.steampowered.com/app/704450/Neverwinter_Nights_Enhanced_Edition/",
+    alt: "A 3D rendered scene of a medieval-style courtyard at night. A woman in a long teal dress stands in the center of a cobblestone path. Wooden archways and stone walls with lit lanterns frame the path, creating a moody atmosphere."
   },
   {
     name: "Lords of the Fallen",
     img: "lords-of-the-fallen.jpg",
+    url: "https://store.steampowered.com/app/1501750/Lords_of_the_Fallen/",
+    alt: "A female video game character in medieval-style clothing stands in a rugged stone environment. She wears a tattered brown tunic, leather armor, and leg wraps. Her pose is fierce and ready for action, with dark hair framing her face. The background shows rocky terrain and ancient stone walls."
   },
   {
     name: "VRoid",
     img: "vroid.png",
+    url: "https://store.steampowered.com/app/1486350/VRoid_Studio_v1294/",
+    alt: "Anime-style character in a futuristic black outfit with glowing blue accents standing in a forest setting. The character has short brown hair and large eyes, wearing a long coat with high slits revealing thigh-high boots."
   },
   {
     name: "Koikatsu",
     img: "koikatsu.png",
+    url: "https://store.steampowered.com/app/1073440/__Koikatsu_Party/",
+    alt: "Anime-style illustration of a girl lying on her back, holding a smartphone above her face. She's surrounded by various objects including a pink rabbit toy, headphones, candies, a game controller, and a potted plant. The scene depicts a cluttered, colorful bedroom or living space."
   },
   {
     name: "Kingdoms of Amalur",
     img: "amalur.jpg",
+    url: "https://store.steampowered.com/app/1041720/Kingdoms_of_Amalur_ReReckoning/",
+    alt: "A female video game character stands in a dark, wooden structure. She has short hair and wears rustic clothing. The scene includes a health and magic bar in the top left corner and a minimap in the top right. The environment is dimly lit with some grass on the ground."
   },
   {
     name: "Encased",
     img: "encased.jpg",
+    url: "https://store.steampowered.com/app/921800/Encased_A_SciFi_PostApocalyptic_RPG/",
+    alt: "A 3D-rendered character in a futuristic setting, wearing a form-fitting white and black bodysuit with a red insignia on the chest. The character has short brown hair and glasses, standing confidently in an urban environment with other figures visible in the background."
   },
+  {
+    name: "Demonologist",
+    img: "demonologist.jpg",
+    url: "https://store.steampowered.com/app/1929610/Demonologist/",
+    alt: "A blonde woman in a black Gothic-style outfit stands in a dimly lit room with large windows. She wears glasses, a corset-like top, fishnet stockings, and lace gloves. The room has a patterned carpet and appears to be in an old building."
+  }
 ];
diff --git a/src/config/Jobs.ts b/src/config/Jobs.ts
index 9bc1fe0..137c3d9 100644
--- a/src/config/Jobs.ts
+++ b/src/config/Jobs.ts
@@ -302,7 +302,7 @@ Additionally, I guided and mentored other developers in the design and coding of
     title: "Senior Integrations Engineer",
     company: "Rythm",
     start: new Date("April 5 2022"),
-    end: new Date("October 5, 2024"),
+    end: new Date("November 5, 2024"),
     link: "https://rythm.fm",
     type: "fixed",
     description: `<div class="pl-4">
@@ -437,7 +437,7 @@ The bot also featured the ability to define teams and find matches with opponent
     title: "Hacktoberfest Community Moderator",
     company: "DigitalOcean",
     start: new Date("April 5 2021"),
-    end: null,
+    end: new Date("November 5 2024"),
     link: "https://hacktoberfest.com",
     type: "volunteer",
     logo: "digitalocean.jpeg",
diff --git a/src/config/Testimonials.ts b/src/config/Testimonials.ts
index 1c8a727..9f9d216 100644
--- a/src/config/Testimonials.ts
+++ b/src/config/Testimonials.ts
@@ -70,5 +70,13 @@ export const Testimonials: {
     sourceIcon: faLinkedin,
     sourceUrl: "https://www.linkedin.com/in/naomi-lgbt/details/recommendations/",
     sourceName: "LinkedIn"
+  },
+  {
+    name: "Alexis Madsen",
+    date: new Date("October 28 2024"),
+    content: "Naomi always had the knowledge and information for nearly every question I ever had. It was such an honor to work with her, and anyone would be lucky to have the chance for her to work with you or your team.",
+    sourceIcon: faLinkedin,
+    sourceUrl: "https://www.linkedin.com/in/naomi-lgbt/details/recommendations/",
+    sourceName: "LinkedIn"
   }
 ];