started work on the new garden

src/lib/viewport/footer.svelte

@@ -23,6 +23,7 @@
                 <h6>Content</h6>
                 <a href="/projects">Projects</a>
                 <a href="/blog">Blog</a>
+                <a href="/garden">Digital Garden</a>
             </div>
             <div class="content-box">
                 <h6>Meta</h6>

src/lib/viewport/header.svelte

@@ -3,6 +3,7 @@
     <a href="/projects">Projects</a>
     <a href="/projects/projectn5">Project N5</a>
     <a href="/blog">Blog</a>
+    <a href="/garden">Garden</a>
     <a href="/about">About</a>
 {/snippet}
 

src/routes/garden/+page.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+    import Content from "$lib/viewport/content.svelte";
+    import Banner2 from "$lib/banner2.svelte";
+    import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
+
+    let links: LinkEntry[] = [
+        {
+            text: "Record Wall",
+            link: "./record-wall",
+        },
+    ];
+</script>
+
+<svelte:head>
+    <title>Digital Garden | denizk0461</title> 
+</svelte:head>
+
+<Content>
+    <Banner2
+        title="Digital Garden" />
+
+    <p>this is currently under construction!</p>
+
+    <!-- <LinkList entries={links} /> -->
+</Content>

src/routes/garden/record-wall/+page.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+    import Content from "$lib/viewport/content.svelte";
+    import Banner2 from "$lib/banner2.svelte";
+    import { type Record, records } from "./records";
+
+    function openLink(link: string) {
+        window.open(link);
+    }
+</script>
+
+<svelte:head>
+    <title>Record Wall | denizk0461</title> 
+</svelte:head>
+
+{#snippet recordCover({ record }: { record: Record })}
+    <button class="record-gallery-container" on:click={(event) => openLink(record.link)}>
+        <img class="record-gallery-cover" src="{record.cover}" alt="Cover for {record.title} by {record.artist}">
+    </button>
+{/snippet}
+
+<Content>
+    <Banner2
+        title="Record Wall" />
+
+    <div class="record-gallery">
+        {#each records as record}
+            {@render recordCover({ record })}
+        {/each}
+    </div>
+</Content>
+
+<style>
+    .record-gallery {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .record-gallery-container {
+        display: flex;
+        width: 20%;
+        box-sizing: border-box;
+        border: none;
+        padding: 0;
+    }
+    .record-gallery-container:hover {
+        background-color: transparent;
+    }
+    .record-gallery-container:hover .record-gallery-cover {
+        margin: 0;
+    }
+
+    .record-gallery-cover {
+        width: 100%;
+        margin: 8px;
+        transition: margin 0.1s ease-out;
+    }
+</style>

src/routes/garden/record-wall/records.ts

@@ -0,0 +1,162 @@
+export interface Record {
+    title: string;
+    artist: string;
+    release: string;
+    cover: string;
+    link: string;
+}
+
+export let records: Record[] = [
+    {
+        title: "What Do You Want!",
+        artist: "acloudyskye",
+        release: "20",
+        cover: "acloudyskye_02_wdyw.webp",
+        link: "",
+    },
+    {
+        title: "There Must Be Something Here",
+        artist: "acloudyskye",
+        release: "20",
+        cover: "acloudyskye_03_tmbsh.webp",
+        link: "",
+    },
+    {
+        title: "This Won't Be The Last Time",
+        artist: "acloudyskye",
+        release: "20",
+        cover: "acloudyskye_04_twbtlt.webp",
+        link: "",
+    },
+    {
+        title: "hypochondriac",
+        artist: "brakence",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "Healers Vol. 1",
+        artist: "Duskus",
+        release: "202",
+        cover: "duskus_02_healersvol1.webp",
+        link: "",
+    },
+    {
+        title: "CHASER",
+        artist: "femtanyl",
+        release: "",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "SISTER",
+        artist: "Frost Children",
+        release: "",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "it's hard to see color [When You're So Impossibly Far Away*]",
+        artist: "Jaron",
+        release: "2022-02-22",
+        cover: "jaron_02_ihtsc.webp",
+        link: "https://jaronsteele.bandcamp.com/album/its-hard-to-see-color-when-youre-so-impossibly-far-away",
+    },
+    {
+        title: "LIGHTYEARS",
+        artist: "Jaron",
+        release: "2024-12-27",
+        cover: "jaron_03_lightyears.webp",
+        link: "https://jaronsteele.bandcamp.com/album/lightyears",
+    },
+    {
+        title: "Frailty",
+        artist: "Jane Remover",
+        release: "202",
+        cover: "jr_02_frailty.webp",
+        link: "https://janeremover.bandcamp.com/album/frailty-2",
+    },
+    {
+        title: "Census Designated",
+        artist: "Jane Remover",
+        release: "202",
+        cover: "jr_03_cd.webp",
+        link: "https://janeremover.bandcamp.com/album/census-designated",
+    },
+    {
+        title: "Revengeseekerz",
+        artist: "Jane Remover",
+        release: "202",
+        cover: "jr_04_rs.webp",
+        link: "https://janeremover.bandcamp.com/album/revengeseekerz",
+    },
+    {
+        title: "K1",
+        artist: "kmoe",
+        release: "202",
+        cover: "kmoe_01_k1.webp",
+        link: "",
+    },
+    {
+        title: "Into the Unknown",
+        artist: "NERO",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "Second Nature",
+        artist: "Ninajirachi",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "I Love My Computer",
+        artist: "Ninajirachi",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "The weight of the world",
+        artist: "Syzy",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "fishmonger",
+        artist: "underscores",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    {
+        title: "Ghostholding",
+        artist: "venturing",
+        release: "202",
+        cover: ".webp",
+        link: "https://janeremover.bandcamp.com/album/ghostholding",
+    },
+    {
+        title: "TO-THE-CORE_153BPM",
+        artist: "xaev",
+        release: "202",
+        cover: ".webp",
+        link: "",
+    },
+    // {
+    //     title: "",
+    //     artist: "",
+    //     release: "",
+    //     cover: "",
+    // },
+    // {
+    //     title: "",
+    //     artist: "",
+    //     release: "",
+    //     cover: "",
+    // },
+];

src/routes/meta/what-is-this/+page.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-    import Content from "$lib/viewport/content.svelte";
-    import Banner2 from "$lib/banner2.svelte";
-</script>
-
-<svelte:head>
-    <title>What is this space? | denizk0461</title> 
-</svelte:head>
-
-<Content>
-    <Banner2
-        title="What is this space?" />
-
-    
-
-</Content>