Add tags back

Author: shawn-mcgee

src/components/Tag.astro

@@ -6,6 +6,6 @@ export type Props = {
 const { tag } = Astro.props
 
 ---
-<a href={`/idea/tag/#${tag.toLowerCase()}`} class="px-2 text-sm rounded-full border-1 border-primary text-primary hover:bg-primary hover:text-primary-content">
+<a href={`/idea/tag/${tag.toLowerCase()}`} class="px-2 text-sm rounded-full border-1 border-primary text-primary hover:bg-primary hover:text-primary-content">
   # {tag.toLowerCase()}
 </a>

src/pages/about.astro

@@ -11,6 +11,8 @@ import Layout from "@layouts/Layout.astro";
 
       <span>The projects that make this site possible</span>
       <ul class="flex flex-row gap-0">
+        <li class="btn btn-sm btn-ghost">
+          <a href="https://github.com/oven-sh/bun">Bun</a></li>
         <li class="btn btn-sm btn-ghost ">
           <a href="https://github.com/withastro/astro">Astro</a></li>
         <li class="btn btn-sm btn-ghost ">

src/pages/idea/tag/[tag].astro

@@ -0,0 +1,48 @@
+---
+import Drawer from "@layouts/Drawer.astro";
+import Layout from "@layouts/Layout.astro";
+import { Idea } from "@tool/idea";
+import { getCollection } from "astro:content";
+import { Construction, Lightbulb } from "lucide-astro";
+
+export async function getStaticPaths() {
+  return (await getCollection("ideas")).reduce((tags, idea) => {
+    idea.data.tags?.forEach(tag => {
+      if(!tags.includes(tag)) tags.push(tag)
+    })
+    return tags
+  }, new Array<string>).map(tag => ({
+    params: { tag }
+  }))
+}
+
+const { tag } = Astro.params
+
+const ideas = (await getCollection("ideas"))
+  .filter(idea => idea.data.tags?.includes(tag))
+---
+
+<Layout>
+  <Drawer>
+    <div class="flex flex-col w-full items-center">
+      <div class="h-4"></div>
+      <span class="text-6xl font-bold border-2 rounded-full px-4 py-2"># {tag}</span>
+      <div class="h-4"></div>
+      { ideas.map(idea => (
+        <a href={`/idea/${Idea.slug(idea)}`} class="flex flex-row items-center p-4 rounded-lg hover:bg-base-200">
+          { !Idea.isDraft(idea) && <Lightbulb    class="w-10 h-10"/> }
+          {  Idea.isDraft(idea) && <Construction class="w-10 h-10"/> }
+          <div class="divider divider-horizontal"></div>
+          <div class="flex flex-col flex-1 items-start">
+            <span class="text-lg lg:text-xl font-bold">{idea.data.title }</span>
+            <div class="text-sm lg:text-lg flex flex-row gap-1 ">
+              { idea.data.author && <span>{idea.data.author}</span>}
+              { (idea.data.author && idea.data.pubDate) && "|" }
+              { idea.data.pubDate && <span>{idea.data.pubDate?.toDateString()}</span>}
+            </div>
+          </div>
+        </a>
+      ))}
+    </div>
+  </Drawer>
+</Layout>

src/pages/idea/tag/index.astro

@@ -0,0 +1,3 @@
+<script>
+  location.href=`/idea/tag/${location.hash.slice(2)}`
+</script>

src/pages/index.astro

@@ -26,7 +26,7 @@ const ideas = (await getCollection("ideas"))
         <span class="text-xl italic text-center hidden sm:inline">Full-Time Dad, Part-Time DM, Some-Time Programmer</span>
         <div class="flex flex-row gap-1">
           <span class="tooltip tooltip-bottom" data-tip="Blog">
-            <a class="btn btn-xl btn-ghost btn-circle" href="#idea">
+            <a class="btn btn-xl btn-ghost btn-circle" href="#ideas">
               <LibraryBig class="w-10 h-10"/>
             </a>
           </span>
@@ -52,7 +52,7 @@ const ideas = (await getCollection("ideas"))
         </div>
       </div>
 
-      <a id="idea"></a>     
+      <a id="ideas"></a>
 
       <div class="flex flex-col w-full min-h-dvh justify-center items-center">
         <span class="text-6xl text-center font-bold p-8">