<script lang="ts">
    import Banner2 from "$lib/banner2.svelte";
    import Content from "$lib/viewport/content.svelte";
    import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";

    const subpages: GalleryRowEntry[] = [
        {
            title: "Drawing Gallery",
            description: "Some cool things I've drawn!",
            img: "drawings/banner.webp",
            altText: "Several Faber-Castell Polychromos colour pencils lined up with markings next to them in the same colour on a sheet of paper.",
            link: "drawings",
        },
        {
            title: "Discography",
            description: "Small stories about my past music",
            img: "/main/hypertext.webp",
            altText: "",
            link: "music",
        },
    ];
</script>

<svelte:head>
    <title>Art | denizk0461</title> 
</svelte:head>

<Content>
    <Banner2
        title="Art"
        banner="/projects/banner.webp"
        bannerAlt="An upside-down New 3DS XL lying open on a desk with a small USB-C breakout board attached to it, and a USB-C cable plugged in. The 3DS is glowing to indicate that it is charging."
        subtitle="Things I have worked on" />

    <p>Here I have collected the products of some of my creative endeavours. Check them out below!</p>

    <GalleryRow entries={subpages} />

</Content>