diff --git a/public/images/blog-header.jpg b/public/images/blog-header.jpg
new file mode 100644
index 0000000..57fc41b
Binary files /dev/null and b/public/images/blog-header.jpg differ
diff --git a/public/images/blog/datascience2023.jpg b/public/images/blog/datascience2023.jpg
new file mode 100644
index 0000000..b2bd6ef
Binary files /dev/null and b/public/images/blog/datascience2023.jpg differ
diff --git a/src/components/BlogEntries.jsx b/src/components/BlogEntries.jsx
new file mode 100644
index 0000000..8ef10e3
--- /dev/null
+++ b/src/components/BlogEntries.jsx
@@ -0,0 +1,31 @@
+function BlogEntries({ blogentries }) {
+ const entries = blogentries
+ .sort((a, b) => b.data.date - a.data.date);
+ return (
+
+
Blog
Incitation
diff --git a/src/pages/blogentries.astro b/src/pages/blogentries.astro
new file mode 100644
index 0000000..ec3415f
--- /dev/null
+++ b/src/pages/blogentries.astro
@@ -0,0 +1,22 @@
+---
+import PageLayout from "../layouts/PageLayout.astro";
+import BlogEntries from "../components/blogEntries.jsx";
+
+import { getCollection } from "astro:content";
+const blogentries = await getCollection("blogentries");
+---
+
+
+
+
+
+
diff --git a/src/pages/blogentries/[...slug].astro b/src/pages/blogentries/[...slug].astro
new file mode 100644
index 0000000..00f2f68
--- /dev/null
+++ b/src/pages/blogentries/[...slug].astro
@@ -0,0 +1,36 @@
+---
+import { getCollection } from "astro:content";
+import PageLayout from "../../layouts/PageLayout.astro";
+import LocalTime from "../../components/LocalTime.jsx";
+
+export async function getStaticPaths() {
+ const blogEntries = await getCollection("blogentries");
+ return blogEntries.map((entry) => ({
+ params: { slug: entry.slug },
+ props: { entry },
+ }));
+}
+
+const { entry } = Astro.props;
+const { Content } = await entry.render();
+const {
+ title,
+ date,
+} = entry.data;
+---
+
+
+
+
+
+