Implementing Blog

src/pages/blog.astro

@@ -1,16 +1,16 @@
 ---
 import Layout from '../layouts/Layout.astro';
+import BlogCard from '../components/blogCard.astro';
 import BasicSection from '../layouts/basicSection.astro';
 
-const description = "A placeholder until I get to designing the Blog pages. Future topics will include FGO, TA, Programming, web technologies and more!"
+const description = "My own small blog. Topics include FGO, TA, Programming, web technologies and more!"
+const allPosts = await Astro.glob("../pages/blog/*.md");
 ---
 
 <Layout title="Blog - Firq FGO Site" currentpage="blog" descriptionOverride={description}>
-    <BasicSection title="Work in Progress">
-        Nothing to see here (yet)<br>
-        Topics will range from FGO to technologies and programming.
+    <BasicSection title="Blog Articles">
+        {allPosts.map((post) => <BlogCard url={post.url} title={post.frontmatter.title} pubdate={post.frontmatter.pubDate} description={post.frontmatter.description}/>)}
     </BasicSection>
-    
 </Layout>
 
 <style>