From 08244caa2fd9ee7ccb03e664b8f4b29f7dc6254b Mon Sep 17 00:00:00 2001
From: Ellpeck <megamaximal@gmail.com>
Date: Tue, 15 Oct 2019 12:26:30 +0200
Subject: [PATCH] made the blog navigation be loaded dynamically

---
 node/blog.js        |  5 +----
 scripts/blog-nav.js | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 scripts/blog-nav.js

diff --git a/node/blog.js b/node/blog.js
index 9a7aa4b..e65c6be 100644
--- a/node/blog.js
+++ b/node/blog.js
@@ -49,10 +49,7 @@ function createBlogPages(folder) {
 
                     var nav = "";
                     nav += '<a class="nav-item nav-link" href="/#blog">Back to Main Page</a>';
-                    if (i > 0)
-                        nav += '<a class="nav-item nav-link" href="/blog-' + json[i - 1]["id"] + '">Previous Post</a>';
-                    if (i < json.length - 1)
-                        nav += '<a class="nav-item nav-link" href="/blog-' + json[i + 1]["id"] + '">Next Post</a>';
+                    nav += '<script src="scripts/blog-nav.js"></script>';
                     document.getElementById("nav-items").innerHTML = nav;
 
                     var c = "";
diff --git a/scripts/blog-nav.js b/scripts/blog-nav.js
new file mode 100644
index 0000000..ffa43dd
--- /dev/null
+++ b/scripts/blog-nav.js
@@ -0,0 +1,20 @@
+$.ajax({
+    dataType: "json",
+    url: "blog/posts.json",
+    cache: false,
+    success: function (json) {
+        for (let i = json.length - 1; i >= 0; i--) {
+            let post = json[i];
+            if (!$("#blog-post-" + post["id"]).length)
+                continue;
+
+            let nav = "";
+            if (i > 0)
+                nav += '<a class="nav-item nav-link" href="/blog-' + json[i - 1]["id"] + '">Previous Post</a>';
+            if (i < json.length - 1)
+                nav += '<a class="nav-item nav-link" href="/blog-' + json[i + 1]["id"] + '">Next Post</a>';
+            $("#nav-items").append(nav);
+            break;
+        }
+    }
+});
\ No newline at end of file