diff --git a/theme/navbar.js b/theme/navbar.js
index 280461a..41f5d28 100644
--- a/theme/navbar.js
+++ b/theme/navbar.js
@@ -1,15 +1,9 @@
 document.addEventListener('DOMContentLoaded', function () {
-    var navbar = document.createElement('nav');
-    navbar.className = 'navbar';
-    navbar.innerHTML =
-        '<div class="nav-container">' +
-            '<a href="/" class="nav-brand">Home</a>' +
-            '<ul class="nav-menu">' +
-                '<li><a href="/menu.html/">Menu</a></li>' +
-                '<li><a href="/blog/">Blog</a></li>' +
-                '<li><a href="https://forgejo.binning.net" target="_blank">Git</a></li>' +
-                '<li><a href="/resume.html">Resume</a></li>' +
-            '</ul>' +
-        '</div>';
-    document.body.insertBefore(navbar, document.body.firstChild);
+    fetch('/includes/navbar.html')
+        .then(function (res) { return res.text(); })
+        .then(function (html) {
+            var wrapper = document.createElement('div');
+            wrapper.innerHTML = html.trim();
+            document.body.insertBefore(wrapper.firstChild, document.body.firstChild);
+        });
 });