feat: navigation-expand added programmatically to blog page for expanding categories

Author: nramc

docs/assets/javascripts/navigation-expand.js

@@ -0,0 +1,8 @@
+document.addEventListener("DOMContentLoaded", function () {
+    // Check if we are on the home page
+    if (window.location.pathname === "/" || window.location.pathname.endsWith("index.html")) {
+        document.querySelectorAll(".md-nav__toggle").forEach((el) => {
+            el.checked = true; // Expand all categories
+        });
+    }
+});

mkdocs.yml

@@ -41,12 +41,14 @@ theme:
         name: Switch to light mode
   features:
     - navigation.tabs
+#    - navigation.sections
     #- navigation.tabs.sticky
     - navigation.path
     - navigation.top
     - navigation.indexes
     - navigation.instant.progress
     - navigation.path
+#    - navigation.expand
     - header
     - search.suggest
     - search.share
@@ -61,6 +63,8 @@ extra_css:
 
 extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js
+  - assets/javascripts/navigation-expand.js
+
 
 hooks:
   - hooks/socialmedia.py