changed blog tags to string enum; added blog post entry gallery

src/routes/blog/+page.svelte

@@ -1,26 +1,27 @@
 <script lang="ts">
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
+    // import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
     import { posts, type BlogPostLink } from "./posts";
+    import BlogGallery from "$lib/lists/blog-gallery.svelte";
     
-    let entries: GalleryEntry[] = posts.map(mapEntries);
+    // let entries: GalleryEntry[] = posts.map(mapEntries);
 
-    function mapEntries(entry: BlogPostLink, index: number): GalleryEntry {
-        let banner = "";
-        if (entry.post.banner && entry.post.banner !== "") {
-            banner = `/blog/${entry.key}/${entry.post.banner}`;
-        }
+    // function mapEntries(entry: BlogPostLink, index: number): GalleryEntry {
+    //     let banner = "";
+    //     if (entry.post.banner && entry.post.banner !== "") {
+    //         banner = `/blog/${entry.key}/${entry.post.banner}`;
+    //     }
 
-        return {
-            title: `${entry.post.title}`,
-            subtitle: `#${(posts.length - index).toString().padStart(2, '0')} // ${entry.post.date}, ${entry.post.time}`,
-            img: banner,
-            link: `/blog/${entry.key}/`,
-            imgAlt: `Preview image for ${entry.post.title}`,
-            description: entry.post.description,
-        };
-    }
+    //     return {
+    //         title: `${entry.post.title}`,
+    //         subtitle: `#${(posts.length - index).toString().padStart(2, '0')} // ${entry.post.date}, ${entry.post.time}`,
+    //         img: banner,
+    //         link: `/blog/${entry.key}/`,
+    //         imgAlt: `Preview image for ${entry.post.title}`,
+    //         description: entry.post.description,
+    //     };
+    // }
 </script>
 
 <svelte:head>
@@ -33,5 +34,5 @@
         banner="robert.webp"
         bannerAlt="View at a tram bridge rising and then curving to the left." />
 
-    <Gallery entries={entries} />
+    <BlogGallery {posts} />
 </Content>

src/routes/blog/posts.ts

@@ -24,10 +24,10 @@ export interface BlogPostLink {
 }
 
 export enum BlogPostTag {
-	ART, // ramblings to do with art
-	DRAWING, // self-explanatory
-	TECH_TIP, // tech guides
-	META, // about the website itself
+	ART = "art-stuff", // ramblings to do with art
+	DRAWING = "drawing", // self-explanatory
+	TECH_TIP = "tech-tip", // tech guides
+	META = "natconf-meta", // about the website itself
 }