gallery style fixes

components/Footer.tsx

@@ -21,6 +21,8 @@ export default function Footer() {
           <div>{`© ${new Date().getFullYear()}`}</div>
           <div>{` • `}</div>
           <Link href="/">{siteMetadata.title}</Link>
+          <div>{` • `}</div>
+          <Link href="https://coryd.dev">Site by Cory</Link>
         </div>
       </div>
     </footer>

components/PhotoGallery.tsx

@@ -9,7 +9,7 @@ const PhotoGallery = (props) => {
   const [photoIndex, setPhotoIndex] = useState(0)
 
   return (
-    <div className="flex flex-row gap-2 p-2">
+    <div className="grid grid-cols-4 gap-2 p-2">
       {data.length
         ? data.map((d: string, index: number) => (
             <Image
@@ -20,7 +20,7 @@ const PhotoGallery = (props) => {
                 setIsOpen(true)
               }}
               src={d}
-              className="w-full cursor-pointer object-cover"
+              className="w-1/4 cursor-pointer object-cover"
               width="300px"
               height="300px"
             />

data/mediaData.ts

@@ -14,6 +14,25 @@ const mediaData = [
       '/static/images/media/photos/ashes-of-autumn/04.jpg',
     ],
   },
+  {
+    type: 'video',
+    title: 'Drum recording',
+    data: 'lsbf4G8CbFs',
+  },
+  {
+    type: 'photos',
+    title: 'Live at The Metal Bar',
+    data: [
+      '/static/images/media/photos/live-at-metal-bar/01.jpg',
+      '/static/images/media/photos/live-at-metal-bar/02.jpg',
+      '/static/images/media/photos/live-at-metal-bar/03.jpg',
+      '/static/images/media/photos/live-at-metal-bar/04.jpg',
+      '/static/images/media/photos/live-at-metal-bar/05.jpg',
+      '/static/images/media/photos/live-at-metal-bar/06.jpg',
+      '/static/images/media/photos/live-at-metal-bar/07.jpg',
+      '/static/images/media/photos/live-at-metal-bar/08.jpg',
+    ],
+  },
 ]
 
 export default mediaData