From 7470a20886617a30f9a473f3e8d98fc6f9d81778 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Wed, 31 Mar 2021 17:00:15 +0200
Subject: [PATCH] made the blog category a search string

---
 index.html      |  1 -
 node/blog.js    |  2 +-
 scripts/blog.js | 11 +++++++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index be46445..9211877 100644
--- a/index.html
+++ b/index.html
@@ -237,7 +237,6 @@
                     <ul>
                         <li>A cookie named <code>dark</code> with the value <code>true</code> or <code>false</code> that stores if you have dark mode enabled</li>
                         <li>A cookie named <code>notification</code> with the value <code>true</code> or <code>false</code> that stores if you have already closed the cookie notification that displays at the top of the page</li>
-                        <li>A cookie named <code>category</code> that stores the category in the blog that you last selected</li>
                     </ul>
                     <p>Due to widgets and embeds, additional information will be stored by other sites. Please refer to those sites' privacy policies for more information:</p>
                     <ul>
diff --git a/node/blog.js b/node/blog.js
index a3dfd17..cfadfd3 100644
--- a/node/blog.js
+++ b/node/blog.js
@@ -41,7 +41,7 @@ fs.readFile(`${folder}index.html`, function (_, html) {
                 document.querySelector('meta[property="og:description"]').setAttribute("content", post.summary);
 
                 document.getElementById("nav-items").innerHTML = /*html*/ `
-                    <a class="nav-item nav-link" href="../#blog">Back to Main Page</a>
+                    <a class="nav-item nav-link" href="../?cat=${post.cat[0]}#blog">Back to Main Page</a>
                     ${last ? /*html*/ `<a class="nav-item nav-link" href="./${last.id}">Previous ${post.cat[0]} Post</a>` : ""} 
                     ${next ? /*html*/ `<a class="nav-item nav-link" href="./${next.id}">Next ${post.cat[0]} Post</a>` : ""}
                 `;
diff --git a/scripts/blog.js b/scripts/blog.js
index 2f82456..1a2d976 100644
--- a/scripts/blog.js
+++ b/scripts/blog.js
@@ -9,7 +9,14 @@ $.ajax({
     url: "blog/src/posts.json",
     cache: false,
     success: function (json) {
-        populateBlog(json, getCookie("category") || "Featured");
+        let category = "Featured";
+        let match = window.location.search.match(/cat=([^&]+)/);
+        if (match) {
+            let cat = decodeURI(match[1]);
+            if (json.some(p => p.cat.includes(cat)))
+                category = cat;
+        }
+        populateBlog(json, category);
         forceToAnchor();
     }
 });
@@ -59,7 +66,7 @@ function addCatButton(json, cats, cat, currCat) {
         cats.append( /*html*/ `<button type="button" class="btn btn-link blog-cat-button" id=${catAnchor} ${cat === currCat ? "disabled" : ""}>${cat}</button>`);
         $(`#${catAnchor}`).on('click', function () {
             populateBlog(json, cat);
-            setCookie("category", cat, 365);
+            history.replaceState(null, null, `?cat=${cat}${location.hash}`);
         });
     }
 }
\ No newline at end of file