diff --git a/_components/navbar.tsx b/_components/navbar.tsx
index d3186b6..9609560 100644
--- a/_components/navbar.tsx
+++ b/_components/navbar.tsx
@@ -1,4 +1,6 @@
-export default function() {
+export default function({ nav }) {
+ const defaultIcon = "https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/question-mark.svg";
+
const iconStyle = {
filter: "var(--filter-blue)",
};
@@ -15,24 +17,17 @@ export default function() {
/>
-
-
-
-
-
-
-
-
-
-
+ {nav.menu().children.map(navItem => (
+
+
+
+
+
+ ))}
);
diff --git a/gpg-key.md b/gpg-key.md
index b8c594c..d2ea1b0 100644
--- a/gpg-key.md
+++ b/gpg-key.md
@@ -1,6 +1,7 @@
---
title: GPG Key
description: Information about my public GPG key and how to obtain it.
+nav_icon: https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/key.svg
---
> I do not use keyservers. This is the only place where I provide my public key. A key claiming to be mine somewhere else is definitely a fake.
diff --git a/resume.md b/resume.md
index 66690ab..16785b7 100644
--- a/resume.md
+++ b/resume.md
@@ -1,6 +1,7 @@
---
title: Resume
description: My experience, skills, education, etc.
+nav_icon: https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/file-cv.svg
---
## Experience