don't add unnecessary anchors if we force to the anchor anyway

index.html

@@ -164,7 +164,6 @@
 
                 <!-- Blog -->
                 <span class="anchor" id="blog"></span>
-                <div id="blog-cat-anchors"></div>
                 <div class="list-display rounded">
                     <h1>Blog</h1>
                     <p>

scripts/blog.js

@@ -11,7 +11,12 @@ $.ajax({
     success: function (json) {
         let category = window.location.hash.match(/#blog-(.+)/);
         populateBlog(json, category && decodeURI(category[1]) || "featured");
-        forceToAnchor();
+
+        let anchor = window.location.hash;
+        // blog categories should also move to the blog
+        if (anchor.startsWith("#blog-"))
+            anchor = anchor.substring(0, 5);
+        forceToAnchor(anchor);
     }
 });
 

scripts/util.js

@@ -9,13 +9,14 @@ function setCookie(key, value, days) {
     document.cookie = `${key}=${value}; expires=${date.toUTCString()}; path=/`;
 }
 
-function forceToAnchor() {
+function forceToAnchor(customAnchor) {
+    let anchor = customAnchor || window.location.hash;
     // this is probably a terrible hack
-    if (window.location.hash.startsWith("#")) {
+    if (anchor.startsWith("#")) {
-        let anchor = $(window.location.hash);
+        let element = $(anchor);
-        if (anchor.length) {
+        if (element.length) {
             $('html, body').animate({
-                scrollTop: anchor.offset().top
+                scrollTop: element.offset().top
             }, 0);
         }
     }