+
diff --git a/src/components/RelatedArticles.astro b/src/components/RelatedArticles.astro
new file mode 100644
index 0000000..8b14ddc
--- /dev/null
+++ b/src/components/RelatedArticles.astro
@@ -0,0 +1,60 @@
+---
+import { Icon } from "astro-icon/components";
+
+import { type CollectionEntry, getCollection } from "astro:content";
+
+type Props = {
+ entry: CollectionEntry<"posts"> | CollectionEntry<"projects">;
+};
+
+const { entry } = Astro.props;
+const { collection } = entry;
+
+const items = (await getCollection(collection))
+ .filter((post) => !post.data.draft)
+ .sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
+const index = items.findIndex((x) => x.slug === entry.slug);
+const prev = items[(index - 1 + items.length) % items.length];
+const next = items[(index + 1) % items.length];
+---
+
+
diff --git a/src/components/ShowcasePage.astro b/src/components/ShowcasePage.astro
index 381fafc..44f6cab 100644
--- a/src/components/ShowcasePage.astro
+++ b/src/components/ShowcasePage.astro
@@ -16,7 +16,7 @@ const { content, CONSTS } = Astro.props;
{CONSTS.TITLE}
{content.map((article: any) => )}
diff --git a/src/components/Skills.astro b/src/components/Skills.astro
index df91357..52e1681 100644
--- a/src/components/Skills.astro
+++ b/src/components/Skills.astro
@@ -15,12 +15,13 @@ const skills = await Promise.all(
{
skills.map((entry) => (
- -
+
-
+
{entry.data.title}
))
}
diff --git a/src/pages/404.astro b/src/pages/404.astro
index e36f061..369f1f2 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -17,12 +17,12 @@ import { Icon } from "astro-icon/components";
404
Content not found
-