Added blog archive page

Author: simshadows

src/pages/blog/archive.astro

@@ -0,0 +1,31 @@
+---
+import Layout from "@layouts/BaseLayout.astro";
+import {getCollection} from "astro:content";
+
+import {fm} from "@helpers/frontmatter";
+
+const allPosts = await getCollection("blogPosts");
+
+export const frontmatter = fm({
+    title: "Sim's Blog Archive",
+    description: "Sim's blog.",
+    keywords: ["blog"],
+});
+---
+
+<Layout {...frontmatter}>
+
+<h1>Blog Archive</h1>
+
+<p><em>This is an early WIP focused on experimenting with ways to manage my blog posts before migrating <a href="https://blog.simshadows.com/">my old blog</a> to this website.</em></p>
+
+<ul>
+    {
+        allPosts.map((post) => (
+            <li><a href={`/blog/${post.id}/`}>{post.data.title}</a></li>
+        ))
+    }
+</ul>
+
+</Layout>
+

src/pages/blog/index.astro

@@ -15,17 +15,19 @@ export const frontmatter = fm({
 
 <Layout {...frontmatter}>
 
-    <h1>Blog</h1>
+<h1>Blog</h1>
 
-    <p><em>This is an early WIP focused on experimenting with ways to manage my blog posts before migrating <a href="https://blog.simshadows.com/">my old blog</a> to this website.</em></p>
+<p><a href="./archive">Archive</a></p>
 
-    <ul>
-        {
-            allPosts.map((post) => (
-                <li><a href={`/blog/${post.id}/`}>{post.data.title}</a></li>
-            ))
-        }
-    </ul>
+<p><em>This is an early WIP focused on experimenting with ways to manage my blog posts before migrating <a href="https://blog.simshadows.com/">my old blog</a> to this website.</em></p>
+
+<ul>
+    {
+        allPosts.map((post) => (
+            <li><a href={`/blog/${post.id}/`}>{post.data.title}</a></li>
+        ))
+    }
+</ul>
 
 </Layout>