+
+
+
+
\ No newline at end of file
diff --git a/src/layouts/blogPost.astro b/src/layouts/blogPost.astro
new file mode 100644
index 0000000..0f581f7
--- /dev/null
+++ b/src/layouts/blogPost.astro
@@ -0,0 +1,66 @@
+---
+import Layout from "./Layout.astro";
+const { frontmatter } = Astro.props;
+
+const title = `${frontmatter.title} - Firq FGO Site`;
+const description = frontmatter.description;
+const options_date: Intl.DateTimeFormatOptions = {
+ year: "numeric",
+ month: "long",
+ day: "2-digit",
+}
+const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_date);
+---
+
+
+
+
+ {frontmatter.title}
+
+
by {frontmatter.author} • Published on {date}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/layouts/blogSection.astro b/src/layouts/blogSection.astro
new file mode 100644
index 0000000..d4630e8
--- /dev/null
+++ b/src/layouts/blogSection.astro
@@ -0,0 +1,33 @@
+---
+export interface Props {
+ title: string;
+}
+
+const { title } = Astro.props;
+---
+
+
+
{title}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index d53ec4d..372737c 100644
--- a/src/pages/blog.astro
+++ b/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");
---
-
- Nothing to see here (yet)
- Topics will range from FGO to technologies and programming.
+
+ {allPosts.map((post) => )}
-