Added sitemap

shawn-mcgee · shawn-mcgee · commit b87fbd88c54e · 2025-03-18T15:37:47.000-06:00
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -8,6 +8,8 @@ import react from '@astrojs/react';
 import expressiveCode from 'astro-expressive-code';
 import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
 
+import sitemap from "@astrojs/sitemap";
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://shawn-mcgee.github.io",
@@ -30,5 +32,5 @@ export default defineConfig({
     defaultProps: {
       showLineNumbers: false
     }
-  }), react(), mdx()],
+  }), react(), mdx(), sitemap()],
 });
diff --git a/bun.lockb b/bun.lockb
diff --git a/idea/also_test.md b/idea/also_test.md
@@ -1,3 +1,4 @@
 ---
 title: "This is a Markdown Document"
+pubDate: 2025-03-19
 ---
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "@astrojs/mdx": "^4.2.0",
     "@astrojs/react": "^4.2.1",
     "@astrojs/rss": "^4.0.11",
+    "@astrojs/sitemap": "^3.3.0",
     "@expressive-code/plugin-line-numbers": "^0.40.2",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.0.14",
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://shawn-mcgee.github.io/sitemap-index.xml
diff --git a/src/components/Tag.astro b/src/components/Tag.astro
@@ -0,0 +1,12 @@
+---
+export type Props = {
+  tag: string
+}
+
+const { tag } = Astro.props
+---
+<a href={`/idea/tag/#${tag}/`} class="">
+  <span class="btn btn-ghost rounded-full text-lg text-primary">
+    #{tag}
+  </span>
+</a>
diff --git a/src/components/Tags.astro b/src/components/Tags.astro
@@ -1,5 +1,5 @@
 ---
-import Tag from './Tag.astro'
+import Tag from "@components/Tag.astro"
 
 export type Props = {
   tags: Array<string> | undefined
diff --git a/src/components/article/Author.astro b/src/components/article/Author.astro
diff --git a/src/components/article/Date.astro b/src/components/article/Date.astro
diff --git a/src/components/article/Tag.astro b/src/components/article/Tag.astro
diff --git a/src/components/article/Title.astro b/src/components/article/Title.astro
diff --git a/src/layouts/Drawer.astro b/src/layouts/Drawer.astro
@@ -6,7 +6,7 @@ import { BookMarked, CircleHelp, House, LibraryBig, Moon, Sun } from 'lucide-ast
 
 <div class="drawer w-full h-full">
   <input id="my-drawer" type="checkbox" class="drawer-toggle" />
-  <div class="drawer-content w-full h-full overflow-y-auto">
+  <div class="drawer-content w-full h-full overflow-y-auto scroll-smooth">
     <!-- Page content here -->
     <slot />
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -3,7 +3,7 @@ import "/src/styles/global.css";
 ---
 
 <!doctype html>
-<html lang="en" class="scroll-smooth">
+<html lang="en">
 	<head>
     <script is:inline>
       if (localStorage.getItem("theme") === null) {
@@ -24,10 +24,13 @@ import "/src/styles/global.css";
 		<meta name="generator" content={Astro.generator} />
 		<title>Shawn McGee</title>
 
+    <!-- sitemap -->
+    <link rel="sitemap" href="/sitemap-index.xml" />
+    <!-- rss -->
     <link
       rel="alternate"
       type="application/rss+xml"
-      title="Shawn McGee"
+      title="Shawn McGee's Blog"
       href={new URL("rss.xml", Astro.site)}
     />
 	</head>
diff --git a/src/pages/idea/[...slug].astro b/src/pages/idea/[...slug].astro
@@ -3,10 +3,7 @@ import { getCollection, render } from "astro:content";
 import Layout from "@layouts/Layout.astro";
 import Drawer from "@layouts/Drawer.astro";
 
-import Tags from "@components/article/Tags.astro";
-import Title from "@components/article/Title.astro";
-import Author from "@components/article/Author.astro";
-import Date from "@components/article/Date.astro";
+import Tags from "@components/Tags.astro";
 
 export async function getStaticPaths() {
   const ideas = await getCollection("ideas");
@@ -30,10 +27,11 @@ const { Content } = await render(idea);
     <div class="flex flex-col w-full items-center">
       <div class="flex flex-col w-[960px] min-h-dvh items-center">
         <div class="flex flex-col w-full items-center p-4">
-          <Title title={idea.data.title}/>
-          <div class="flex flex-row w-full justify-center text-xl gap-2">
-            <Author author={idea.data.author}/>|
-            <Date pubDate={idea.data.pubDate}/>
+          <span class="text-4xl font-bold text-center">{idea.data.title}</span>
+          <div class="flex flex-row w-full justify-center gap-2 text-xl">
+            <span>{idea.data.author                 }</span>
+            { (idea.data.author && idea.data.pubDate) ? "|" : "" }
+            <span>{idea.data.pubDate?.toDateString()}</span>
           </div>
           <Tags tags={idea.data.tags}/>
         </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,13 +1,24 @@
 ---
-import { CircleHelp, LibraryBig } from "lucide-astro";
 import Github from "@icons/Github.astro";
 import Itchio from "@icons/Itchio.astro";
 import Drawer from "@layouts/Drawer.astro";
 import Layout from "@layouts/Layout.astro";
+import { CircleHelp, Ellipsis, LibraryBig, Lightbulb } from "lucide-astro";
 
-import { getCollection } from "astro:content"
+import Tags from "@components/Tags.astro";
+import { getCollection } from "astro:content";
 
-const ideas = (await getCollection("ideas")).slice(0, 3)
+function slug(idea: any) {
+  let slug = idea.filePath
+  slug = slug?.replace(/^idea\//, "");
+  slug = slug?.replace(/\.mdx?$/, "");
+  return slug;
+}
+
+const ideas = (await getCollection("ideas"))
+  .filter(idea => idea.data.pubDate)
+  .sort((a, b) => a.data.pubDate! !== b.data.pubDate! ? (a.data.pubDate! > b.data.pubDate!) ? -1 : 1 : 0)
+  .slice(0, 3)
 ---
 
 <Layout>
@@ -44,8 +55,32 @@ const ideas = (await getCollection("ideas")).slice(0, 3)
           
         </div>
       </div>
-      <a id="blog"></a>
-      {ideas.map(idea => <div>{idea.data.title}</div>)}
+      <a id="blog"></a>      
+      <div class="flex flex-col w-full min-h-dvh justify-center items-center">
+        <span class="text-6xl font-bold p-8">
+          Recent Ideas
+        </span>
+        {ideas.map(idea => (
+          <a href={`/idea/${slug(idea)}`} class="w-md flex flex-row items-center p-4 rounded-lg hover:bg-base-200">
+            <Lightbulb class="w-10 h-10"/>
+            <div class="divider divider-horizontal"></div>
+            <div class="flex flex-col flex-1 items-start">
+              <span class="text-xl font-bold">{idea.data.title }</span>
+              <div class="flex flex-row gap-1 text-lg">
+                <span>{idea.data.author                 }</span>
+                { (idea.data.author && idea.data.pubDate) ? "|" : "" }
+                <span>{idea.data.pubDate?.toDateString()}</span>
+              </div>
+            </div>
+          </a>
+        ))}
+
+        <span class="tooltip tooltip-bottom" data-tip="More Ideas">
+          <a href="/idea" class="btn btn-xl btn-ghost btn-circle">
+            <Ellipsis class="w-10 h-10"/>
+          </a>
+        </span>
+      </div>      
     </div>
   </Drawer>	
 </Layout>

-Original file line number
+Diff line change
@@ @@ -1,3 +1,4 @@ @@
 ---
 title: "This is a Markdown Document"
 +pubDate: 2025-03-19
 ---