diff --git a/src/lib/components/tui/TuiCard.svelte b/src/lib/components/tui/TuiCard.svelte index 200f4e5..dbf66ab 100644 --- a/src/lib/components/tui/TuiCard.svelte +++ b/src/lib/components/tui/TuiCard.svelte @@ -238,6 +238,7 @@ display: flex; flex-direction: column; gap: 0.25rem; + padding: 0.25rem; } .card-children.flex { diff --git a/src/lib/pages/about.ts b/src/lib/pages/about.ts index 83ced34..3fffbcf 100644 --- a/src/lib/pages/about.ts +++ b/src/lib/pages/about.ts @@ -20,16 +20,39 @@ const songs = [ const artist = [ { - name: 'Artist A', - url: 'https://example.com' + name: 'Noah Floersch', + url: 'https://music.youtube.com/channel/UCgPjhKqPg5cPxErhqnoPlWg?si=B7GEz2QMNtrgnAbz' }, { - name: 'Artist B', - url: 'https://example.com' + name: 'Laufey', + url: 'https://music.youtube.com/channel/UCJtROTPxo3qnEzww8JyDxuA?si=WwgYFkoccnXtJ6Im' }, { - name: 'Artist C', - url: 'https://example.com' + name: 'Tate McRae', + 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]; diff --git a/static/img/e33.png b/static/img/e33.png new file mode 100644 index 0000000..2114043 Binary files /dev/null and b/static/img/e33.png differ diff --git a/static/img/firewatch.png b/static/img/firewatch.png new file mode 100644 index 0000000..343ca43 Binary files /dev/null and b/static/img/firewatch.png differ diff --git a/static/img/minecraft.png b/static/img/minecraft.png new file mode 100644 index 0000000..2b47b35 Binary files /dev/null and b/static/img/minecraft.png differ diff --git a/static/img/pokemontcg.png b/static/img/pokemontcg.png new file mode 100644 index 0000000..8faf86a Binary files /dev/null and b/static/img/pokemontcg.png differ