diff --git a/src/content/blog/first-post.md b/src/content/blog/20231219-first-post.md
similarity index 100%
rename from src/content/blog/first-post.md
rename to src/content/blog/20231219-first-post.md
diff --git a/src/content/blog/20241219-mandelbrot-opengl.md b/src/content/blog/20241219-mandelbrot-opengl.md
new file mode 100644
index 0000000..57ae181
--- /dev/null
+++ b/src/content/blog/20241219-mandelbrot-opengl.md
@@ -0,0 +1,7 @@
+---
+title: 'Mandelbrot Set rendered with OpenGL'
+description: 'Rendering the Mandelbrot Set in OpenGL.'
+pubDate: 'Dec 19 2024'
+heroImage: 'https://placehold.co/600x400'
+---
+
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 1871064..a78ee78 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,111 +1,121 @@
---
-import BaseHead from '../../components/BaseHead.astro';
-import Header from '../../components/Header.astro';
-import Footer from '../../components/Footer.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../../consts';
-import { getCollection } from 'astro:content';
-import FormattedDate from '../../components/FormattedDate.astro';
+import BaseHead from "../../components/BaseHead.astro";
+import Header from "../../components/Header.astro";
+import Footer from "../../components/Footer.astro";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import { getCollection } from "astro:content";
+import FormattedDate from "../../components/FormattedDate.astro";
+import { Image } from "astro:assets";
-const posts = (await getCollection('blog')).sort(
- (a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf()
+const posts = (await getCollection("blog")).sort((a, b) =>
+ a.data.pubDate.valueOf() < b.data.pubDate.valueOf() ? 1 : -1,
);
---
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-