web/_includes/blognav.html

@@ -5,4 +5,3 @@
 {% if page.next %}
     <a class="nav-item nav-link" href="{{ page.next.url }}">⏭️ Next Post</a>
 {% endif %}
-{% include tocnavitem.html headers="h1, h2, h3, h4, h5, h6" %}

web/_includes/changelognav.html

@@ -1,2 +0,0 @@
-<a class="nav-item nav-link" href="../../">🏠 Home</a>
-{% include tocnavitem.html headers="h2" %}

web/_includes/navbar.html

@@ -39,6 +39,10 @@
                     });
                 </script>
             </span>
+
+            <script>
+                $(".navbar-collapse a").on("click", () => $(".navbar-collapse").collapse("hide"));
+            </script>
         </div>
     </div>
 </nav>

web/_includes/tocnavitem.html

@@ -1,15 +0,0 @@
-<div class="nav-item dropdown">
-    <a class="nav-link dropdown-toggle" type="button" data-toggle="dropdown">🧭 Navigation</a>
-    <div class="dropdown-menu">
-        <div id="navigator-content" style="height: auto; max-height: 50vh; overflow-y: scroll;"></div>
-        <script>
-            $(() => $("{{ include.headers }}").each((i, h) => {
-                let offset = `${0.5 + Number(h.nodeName.substring(1)) - 1}rem`;
-                $("#navigator-content").append(`
-                    <a class="nav-item nav-link dropdown-item-text" href="#${h.id}" style="padding-left: ${offset}; white-space: nowrap;">
-                        ${h.innerText.trim()}
-                    </a>`);
-            }));
-        </script>
-    </div>
-</div>

web/changelog.html

@@ -1,6 +1,6 @@
 ---
 layout: default
-nav: changelognav.html
+nav: basicnav.html
 title: Tiny Life Changelog
 summary: The full changelog for Tiny Life
 ---

web/common_issues.html

@@ -1,6 +1,6 @@
 ---
 layout: default
-nav: changelognav.html
+nav: basicnav.html
 title: Troubleshooting Common Issues with Tiny Life
 summary: Information on commonly faced issues in and around Tiny Life, and how to fix them
 ---

web/style.css

@@ -256,8 +256,7 @@ h1:hover .anchor-heading, h2:hover .anchor-heading, h3:hover .anchor-heading, h4
     visibility: visible;
 }
 
-body.dark-mode,
+body.dark-mode {
-body.dark-mode .dropdown-menu {
     color: #d8d8d8;
     background-color: #1b1b1b;
 }