diff --git a/src/content/blog/third-post.md b/src/content/blog/third-post.md
new file mode 100644
index 0000000..5d0dfba
--- /dev/null
+++ b/src/content/blog/third-post.md
@@ -0,0 +1,15 @@
+---
+title: Third post
+excerpt: This is the most interesting post that you will ever read. It is the third post, which is extremely interesting and I am too lazy to even input lorem ipsum xd.
+date: 2023-01-01
+tags:
+ - first
+ - post
+published: true
+image: Feature.jpg
+
+---
+
+## Svelte
+
+Media inside the **Svelte** folder is server from the `static` folder.
diff --git a/src/lib/components/blog/BlogLayout.svelte b/src/lib/components/blog/BlogLayout.svelte
index d40f867..f368744 100644
--- a/src/lib/components/blog/BlogLayout.svelte
+++ b/src/lib/components/blog/BlogLayout.svelte
@@ -1,11 +1,11 @@
-
+
-
+
diff --git a/src/lib/components/blog/CategoryFilter.svelte b/src/lib/components/blog/CategoryFilter.svelte
index 48cfa72..70509b0 100644
--- a/src/lib/components/blog/CategoryFilter.svelte
+++ b/src/lib/components/blog/CategoryFilter.svelte
@@ -6,7 +6,7 @@
import { page } from '$app/stores';
import { goto } from '$app/navigation';
- let options: BlogTag[] = ['Projects', 'Blog', 'Updates'];
+ let options: BlogTag[] = ['DevOps', 'AI', 'Updates'];
const clickHandler = (value: BlogTag) => {
if (value === selected) {
@@ -22,12 +22,18 @@
-