about page update

src/lib/components/tui/TuiCard.svelte

@@ -238,6 +238,7 @@
 		display: flex;
 		flex-direction: column;
 		gap: 0.25rem;
+		padding: 0.25rem;
 	}
 
 	.card-children.flex {

src/lib/pages/about.ts

@@ -20,16 +20,39 @@ const songs = [
 
 const artist = [
     {
-        name: 'Artist A',
+        name: 'Noah Floersch',
-        url: 'https://example.com'
+        url: 'https://music.youtube.com/channel/UCgPjhKqPg5cPxErhqnoPlWg?si=B7GEz2QMNtrgnAbz'
     },
     {
-        name: 'Artist B',
+        name: 'Laufey',
-        url: 'https://example.com'
+        url: 'https://music.youtube.com/channel/UCJtROTPxo3qnEzww8JyDxuA?si=WwgYFkoccnXtJ6Im'
     },
     {
-        name: 'Artist C',
+        name: 'Tate McRae',
-        url: 'https://example.com'
+        url: 'https://music.youtube.com/channel/UCz86IA7ooUetFnUGa_YlsVw?si=A1t0-hLHswhbEG0U'
+    }
+]
+
+const games = [
+    {
+        name: 'Minecraft',
+        image: '/img/minecraft.png',
+        url: 'https://minecraft.net'
+    },
+    {
+        name: 'Pokemon TCG Online',
+        image: '/img/pokemontcg.png',
+        url: 'https://pokemon.com'
+    },
+    {
+        name: "Fire Watch",
+        image: '/img/firewatch.png',
+        url: 'https://firewatchgame.com'
+    },
+    {
+        name: "Expediton 33",
+        image: '/img/e33.png',
+        url: 'https://expedition33.com'
     }
 ]
 
@@ -48,13 +71,31 @@ export const lines: TerminalLine[] = [
         inline: true,
         children: [
             { type: 'blank', content: '' },
-            { type: 'header', content: `(&bold)${user.name}(&)` },
+            { type: 'header', content: `(&bold)${user.displayname}(&)` },
             { type: 'info', content: `(&accent)${user.title}(&)` },
             { type: 'output', content: `(&white)Location:(&) (&primary)${user.location}(&)` },
             { type: 'output', content: `(&muted)${user.bio}(&)` },
         ]
     },
     { type: 'blank', content: '' },
+    { type: 'divider', content: 'Games' },
+    {
+        type: 'group',
+        content: '',
+        display: 'grid',
+        children: games.map((g): TerminalLine => ({
+            type: 'card',
+            cardTitle: g.name,
+            image: g.image,
+            imageAlt: g.name,
+            content: '',
+            cardWidth: 1,
+            cardFloat: 'center',
+        }))
+    },
+
+    { type: 'blank', content: '' },
+
     { type: 'divider', content: 'Music Recommendations' },
 
     { 
@@ -62,7 +103,7 @@ export const lines: TerminalLine[] = [
         content: '',
         groupDirection: 'row',
         children: [
-            { type: 'output', content: '(&accent)Artist:(&) ', inline: true },
+            { type: 'output', content: '(&accent)Artists:(&) ', inline: true },
             ...artist.flatMap((a, i): TerminalLine[] => {
                 const item: TerminalLine = { type: 'link', content: `(&white)${a.name}(&)`, href: a.url, inline: true };
                 return i < artist.length - 1 ? [item, { type: 'output', content: ' (&muted)•(&) ', inline: true }] : [item];