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/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]"

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]"