jekyll-theme-zer0 1.27.0 → 1.29.0

data/_includes/core/footer.html

@@ -76,15 +76,16 @@
             </span>
           {% endif %}
           {% if forloop.last and powered_by_count > 0 %}
-                <a href="#"
-                   class="powered-by-link"
-                   data-bs-toggle="offcanvas"
-                   data-bs-target="#info-section"
-                   aria-label="View theme information and system details"
-                   title="Theme Info">
+                <button type="button"
+                        class="powered-by-link"
+                        data-bs-toggle="offcanvas"
+                        data-bs-target="#info-section"
+                        aria-haspopup="dialog"
+                        aria-label="View theme information and system details"
+                        title="Theme Info">
                   <i class="{{ site.default_icon }} bi-info-circle" aria-hidden="true"></i>
                   <span class="powered-by-link-text">Info</span>
-                </a>
+                </button>
               </span>
             </li>
           {% else %}
@@ -93,15 +94,16 @@
         {% endfor %}
         {% if powered_by_count == 0 %}
           <li>
-            <a href="#"
-               class="powered-by-link"
-               data-bs-toggle="offcanvas"
-               data-bs-target="#info-section"
-               aria-label="View theme information and system details"
-               title="Theme Info">
+            <button type="button"
+                    class="powered-by-link"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#info-section"
+                    aria-haspopup="dialog"
+                    aria-label="View theme information and system details"
+                    title="Theme Info">
               <i class="{{ site.default_icon }} bi-info-circle" aria-hidden="true"></i>
               <span class="powered-by-link-text">Info</span>
-            </a>
+            </button>
           </li>
         {% endif %}
       </ul>
@@ -239,9 +241,9 @@
                 <li class="list-inline-item"><a href="{{ site.terms_of_service_url | default: '/terms-of-service' | relative_url }}" class="text-light text-decoration-none">Terms of Service</a></li>
               {% endif %}
               <li class="list-inline-item">
-                <a href="#" class="text-light text-decoration-none" data-bs-toggle="modal" data-bs-target="#cookieSettingsModal">
+                <button type="button" class="footer-inline-button text-light text-decoration-none" data-bs-toggle="modal" data-bs-target="#cookieSettingsModal">
                   Cookie Preferences
-                </a>
+                </button>
               </li>
             </ul>
           </div>

data/_includes/core/head.html

@@ -51,10 +51,22 @@
 <script defer src="{{ '/assets/js/table-copy.js' | relative_url }}"></script>
 <script defer src="{{ '/assets/js/ui-enhancements.js' | relative_url }}"></script>
 
+<!-- Page-view counter — injects its config and loads assets/js/page-views.js.
+     Renders nothing on its own; components/page-views.html places the badge.
+     Gated on site.page_views.enabled inside the include. -->
+{% include components/page-views-init.html %}
+
 <!-- ================================ -->
 <!-- THIRD PARTY INTEGRATIONS        -->
 <!-- ================================ -->
 
+<!-- Recipe scaling & unit conversion - Only on pages that render recipe
+     quantities: the `recipe` layout, or any page that opts in with
+     `recipe_tools: true` (e.g. a post embedding components/recipe-*.html). -->
+{% if page.layout == "recipe" or page.recipe_tools %}
+<script defer src="{{ '/assets/js/recipe-scaler.js' | relative_url }}"></script>
+{% endif %}
+
 <!-- Mermaid Diagrams - Conditional loading based on page front matter -->
 {% if page.mermaid %}
   {% include components/mermaid.html %}
@@ -87,6 +99,10 @@ window.MathJax = {
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+<!-- Favicon + browser identity (config-driven via `favicon:`; explicit
+     /favicon.ico fallback so baseurl deployments resolve) — page-invariant, cached. -->
+{% include_cached core/favicon.html %}
+
 <!-- ================================ -->
 <!-- SEO SUPPLEMENT                  -->
 <!-- ================================ -->
@@ -186,6 +202,11 @@ window.MathJax = {
 <link rel="stylesheet" href="{{ '/assets/css/stats.css' | relative_url }}">
 {% endif %}
 
+<!-- Consumer hook: end of <head>. Inject JSON-LD, font preloads, verification
+     tags, or extra meta by shadowing _includes/custom/head.html in your site —
+     no fork of this file needed. The theme ships the stub empty. -->
+{% include custom/head.html %}
+
 <!-- ========================== -->
 <!-- EXPERIMENTAL FRAMEWORKS   -->
 <!-- ========================== -->

data/_includes/core/header.html

@@ -58,7 +58,7 @@
         <!-- ========================== -->
         <!-- MAIN NAVIGATION CONTAINER -->
         <!-- ========================== -->
-        <nav class="container-xl order-2 order-lg-1 d-flex align-items-center gap-1 flex-nowrap navbar-main w-100" aria-label="Primary navigation">
+        <nav class="container-fluid order-2 order-lg-1 d-flex align-items-center gap-1 flex-nowrap navbar-main w-100" aria-label="Primary navigation">
 
             <!-- Leading cluster: sidebar toggle + brand + titles (grid column 1 on lg+) -->
             <div class="navbar-main-start d-flex align-items-center gap-1 gap-lg-2 min-w-0 flex-shrink-1 flex-grow-1">
@@ -151,8 +151,9 @@
             <!-- UTILITY CONTROLS          -->
             <!-- ========================== -->
             <div class="navbar-utility-controls d-flex align-items-center flex-shrink-0" role="group" aria-label="Utility controls">
-                <!-- Language Toggle (renders only when translation.languages is set) -->
-                {% include components/language-toggle.html %}
+                <!-- Language selection lives in the Settings offcanvas
+                     (components/info-section.html, Appearance tab) so the bar
+                     keeps its width for the main navigation items. -->
 
                 <!-- Search Modal Toggle -->
                 <button
@@ -161,10 +162,12 @@
                     data-search-toggle
                     aria-label="{{ ui.shortcuts_search | default: 'Open search' }}"
                     aria-haspopup="dialog"
-                    title="{{ ui.search_button_label | default: 'Search' }}"
+                    aria-keyshortcuts="/ Meta+K Control+K"
+                    title="{{ ui.search_button_title | default: 'Search — press / or Ctrl+K' }}"
                 >
                     <i class="{{site.default_icon}} bi-search" aria-hidden="true"></i>
                     <span class="nav-link-text d-none d-xl-inline ms-1">{{ ui.search_button_label | default: "Search" }}</span>
+                    <kbd class="nav-search-kbd d-none d-xl-inline-flex" aria-hidden="true">/</kbd>
                 </button>
 
                 <!-- Settings Offcanvas Toggle -->

data/_includes/custom/body-end.html

@@ -0,0 +1,18 @@
+{%- comment -%}
+  ===================================================================
+  CUSTOM HOOK — body-end
+  ===================================================================
+
+  Path: _includes/custom/body-end.html
+  Purpose: Consumer extension point rendered as the LAST thing before
+           </body> — after the theme's JS bundle and analytics. Use it
+           for site-specific scripts, third-party widgets, or anything
+           that must load after the theme's JavaScript.
+
+  The theme ships this file EMPTY. Create _includes/custom/body-end.html
+  in YOUR site to shadow this stub. No theme layout needs forking.
+
+  Companion hooks: custom/head.html, custom/body-start.html,
+  custom/footer.html. See _includes/README.md § Custom hooks.
+  ===================================================================
+{%- endcomment -%}

data/_includes/custom/body-start.html

@@ -0,0 +1,17 @@
+{%- comment -%}
+  ===================================================================
+  CUSTOM HOOK — body-start
+  ===================================================================
+
+  Path: _includes/custom/body-start.html
+  Purpose: Consumer extension point rendered immediately AFTER the
+           opening <body> tag — the required position for snippets like
+           Google Tag Manager's <noscript> iframe.
+
+  The theme ships this file EMPTY. Create _includes/custom/body-start.html
+  in YOUR site to shadow this stub. No theme layout needs forking.
+
+  Companion hooks: custom/head.html, custom/footer.html,
+  custom/body-end.html. See _includes/README.md § Custom hooks.
+  ===================================================================
+{%- endcomment -%}

data/_includes/custom/footer.html

@@ -0,0 +1,18 @@
+{%- comment -%}
+  ===================================================================
+  CUSTOM HOOK — footer
+  ===================================================================
+
+  Path: _includes/custom/footer.html
+  Purpose: Consumer extension point rendered directly AFTER the theme
+           footer (and its FAB tail), before the cookie-consent banner.
+           Use it for an extra footer strip, badges, or legal links the
+           theme footer doesn't model.
+
+  The theme ships this file EMPTY. Create _includes/custom/footer.html
+  in YOUR site to shadow this stub. No theme layout needs forking.
+
+  Companion hooks: custom/head.html, custom/body-start.html,
+  custom/body-end.html. See _includes/README.md § Custom hooks.
+  ===================================================================
+{%- endcomment -%}

data/_includes/custom/head.html

@@ -0,0 +1,18 @@
+{%- comment -%}
+  ===================================================================
+  CUSTOM HOOK — head
+  ===================================================================
+
+  Path: _includes/custom/head.html
+  Purpose: Consumer extension point rendered at the END of the theme's
+           <head> (after main.css, tokens-inline, and user-overrides).
+
+  The theme ships this file EMPTY. To inject site-specific markup —
+  structured data (JSON-LD), font preloads, verification tags, extra
+  meta — create _includes/custom/head.html in YOUR site and it will
+  shadow this stub. No theme layout or core include needs forking.
+
+  Companion hooks: custom/body-start.html, custom/footer.html,
+  custom/body-end.html. See _includes/README.md § Custom hooks.
+  ===================================================================
+{%- endcomment -%}

data/_includes/navigation/local-graph.html

@@ -23,6 +23,8 @@
   Opt-out: set `local_graph: false` in page front matter.
 
   Configurable depth: `local_graph_depth: 2` in page front matter (default 1).
+  The panel's depth selector (1–3) and incoming/outgoing switches override it
+  per-browser via localStorage (zer0.obsidianLocalGraph.v1).
   ===================================================================
 {%- endcomment -%}
 {%- comment -%} Shared visibility resolver — sets sidebar_enabled {%- endcomment -%}
@@ -63,8 +65,18 @@
           {%- if _graph_page -%}{%- break -%}{%- endif -%}
         {%- endfor -%}
       {%- endunless -%}
-      <div class="obsidian-local-graph-meta d-flex align-items-center justify-content-between gap-2 mb-3">
-        <span class="badge text-bg-secondary">Depth {{ lg_depth }}</span>
+      <div class="obsidian-local-graph-meta d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
+        <div class="d-flex align-items-center gap-2">
+          <span class="small text-secondary">Depth</span>
+          <div class="btn-group btn-group-sm" role="group" aria-label="Graph depth">
+            {%- for d in (1..3) -%}
+            <input type="radio" class="btn-check" name="obsidianLgDepth"
+                   id="obsidian-lg-depth-{{ d }}" autocomplete="off"
+                   {% if d == lg_depth %}checked{% endif %} />
+            <label class="btn btn-outline-secondary" for="obsidian-lg-depth-{{ d }}">{{ d }}</label>
+            {%- endfor -%}
+          </div>
+        </div>
         {%- if _graph_page -%}
         <a href="{{ _graph_url | relative_url }}"
            class="btn btn-outline-primary btn-sm"
@@ -73,6 +85,20 @@
         </a>
         {%- endif -%}
       </div>
+      <div class="d-flex flex-wrap column-gap-3 mb-2"
+           role="group"
+           aria-label="Link directions shown in the local graph">
+        <div class="form-check form-switch mb-0">
+          <input class="form-check-input" type="checkbox" role="switch"
+                 id="obsidian-lg-outgoing" checked />
+          <label class="form-check-label small" for="obsidian-lg-outgoing">Outgoing</label>
+        </div>
+        <div class="form-check form-switch mb-0">
+          <input class="form-check-input" type="checkbox" role="switch"
+                 id="obsidian-lg-incoming" checked />
+          <label class="form-check-label small" for="obsidian-lg-incoming">Incoming</label>
+        </div>
+      </div>
       <div id="obsidian-local-graph"
            data-depth="{{ lg_depth }}"
            data-index-url="{{ '/assets/data/wiki-index.json' | relative_url }}"

data/_includes/navigation/nav-tree.html

@@ -36,7 +36,7 @@
 <ul class="list-unstyled fw-normal pb-2 small nav-tree-root">
   {% for item in navigation %}
     {% assign item_id = item.title | slugify | prepend: "nav-" %}
-    {% assign is_active = page.url == item.url %}
+    {% assign is_active = false %}{% if page.url == item.url %}{% assign is_active = true %}{% endif %}
     {% assign is_expanded = item.expanded | default: false %}
     {% assign has_children = item.children and item.children.size > 0 %}
     
@@ -78,7 +78,7 @@
           <ul class="list-unstyled fw-normal ps-3 nav-tree-children">
             {% for child in item.children %}
               {% assign child_id = child.title | slugify | prepend: "nav-" %}
-              {% assign child_active = page.url == child.url %}
+              {% assign child_active = false %}{% if page.url == child.url %}{% assign child_active = true %}{% endif %}
               {% assign child_expanded = child.expanded | default: false %}
               {% assign child_has_children = child.children and child.children.size > 0 %}
               
@@ -118,7 +118,7 @@
                   <div class="collapse{% if child_expanded %} show{% endif %}" id="{{ child_id }}">
                     <ul class="list-unstyled fw-normal ps-3 nav-tree-children">
                       {% for grandchild in child.children %}
-                        {% assign gc_active = page.url == grandchild.url %}
+                        {% assign gc_active = false %}{% if page.url == grandchild.url %}{% assign gc_active = true %}{% endif %}
                         <li class="mb-1 nav-tree-item" data-depth="2">
                           {% if grandchild.url %}
                             <a href="{{ grandchild.url | relative_url }}" 

data/_includes/navigation/section-sidebar.html

@@ -12,13 +12,17 @@
   - sub_categories: Array of unique tags/topics from section posts
   - page_title: Title of the current section
   - sidebar_id: Unique ID for the sidebar (default: "sectionSidebar")
-  
+  - section_style: The parent layout's display style, one of grid | list |
+    magazine (default: "grid"). Decides whether topics render as scroll
+    anchors or as filter buttons — see the Topic controls note below.
+
   Features:
   - Desktop: Fixed sticky sidebar on the left
   - Mobile: Offcanvas drawer
   - Topic navigation with article counts
   - Section statistics
-  - Smooth scroll to sections
+  - Smooth scroll to sections (magazine style, where scroll targets exist)
+  - Card filtering via [data-filter] (grid/list styles)
   
   Dependencies:
   - Bootstrap 5 offcanvas component
@@ -30,6 +34,42 @@
 {% assign section_posts = include.section_posts %}
 {% assign sub_categories = include.sub_categories %}
 {% assign page_title = include.page_title | default: page.title %}
+{% assign section_style = include.section_style | default: "grid" %}
+
+{% comment %}
+  Topic controls: link vs filter.
+
+  Only the `magazine` branch of _layouts/section.html emits per-subcategory
+  `<section id="{{ subcat | slugify }}">` scroll targets, and only for the first
+  5 sub-categories that still have a post once the featured hero is excluded.
+  The `grid` and `list` branches emit no sub-topic ids at all — they filter
+  `[data-tags]` cards through `[data-filter]` buttons instead.
+
+  So an <a href="#slug"> here is only ever valid under magazine, and only for
+  that exact set. Emitting one anywhere else produced guaranteed-dead anchors:
+  invalid markup, a dead click for keyboard/AT users, and a scrollspy that could
+  never activate. `_linkable_subcats` below reproduces the layout's set exactly;
+  every other style renders filter buttons, which the layout's existing
+  `[data-filter]` handler already wires up with no extra JS.
+{% endcomment %}
+{% assign _anchors_resolve = false %}
+{% if section_style == "magazine" %}{% assign _anchors_resolve = true %}{% endif %}
+
+{% assign _linkable_subcats = "" | split: "" %}
+{% if _anchors_resolve %}
+  {% assign _featured = section_posts | where: "featured", true | first %}
+  {% unless _featured %}{% assign _featured = section_posts | first %}{% endunless %}
+  {% for subcat in sub_categories limit: 5 %}
+    {% assign _subcat_posts = section_posts | where_exp: "post", "post.tags contains subcat" %}
+    {% assign _remaining = 0 %}
+    {% for p in _subcat_posts %}
+      {% unless p.url == _featured.url %}{% assign _remaining = _remaining | plus: 1 %}{% endunless %}
+    {% endfor %}
+    {% if _remaining > 0 %}
+      {% assign _linkable_subcats = _linkable_subcats | push: subcat %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
 
 <!-- ================================ -->
 <!-- DESKTOP SIDEBAR (Fixed Sticky)   -->
@@ -47,21 +87,37 @@
       </div>
       <div class="card-body p-0">
         <nav class="nav flex-column sidebar-nav">
+          {% if _anchors_resolve %}
           <a class="nav-link active" href="#all-posts" data-section="all-posts">
             <i class="bi bi-grid me-2"></i>
             <span class="nav-text">All Articles</span>
             <span class="badge bg-secondary ms-auto">{{ section_posts.size }}</span>
           </a>
-          {% for subcat in sub_categories limit: 15 %}
+          {% for subcat in _linkable_subcats %}
             {% assign subcat_posts = section_posts | where_exp: "post", "post.tags contains subcat" %}
-            {% if subcat_posts.size > 0 %}
             <a class="nav-link" href="#{{ subcat | slugify }}" data-section="{{ subcat | slugify }}">
               <i class="bi bi-tag me-2"></i>
               <span class="nav-text">{{ subcat | capitalize }}</span>
               <span class="badge bg-light text-dark ms-auto">{{ subcat_posts.size }}</span>
             </a>
+          {% endfor %}
+          {% else %}
+          <button type="button" class="nav-link text-start active" data-filter="all">
+            <i class="bi bi-grid me-2"></i>
+            <span class="nav-text">All Articles</span>
+            <span class="badge bg-secondary ms-auto">{{ section_posts.size }}</span>
+          </button>
+          {% for subcat in sub_categories limit: 15 %}
+            {% assign subcat_posts = section_posts | where_exp: "post", "post.tags contains subcat" %}
+            {% if subcat_posts.size > 0 %}
+            <button type="button" class="nav-link text-start" data-filter="{{ subcat | slugify }}">
+              <i class="bi bi-tag me-2"></i>
+              <span class="nav-text">{{ subcat | capitalize }}</span>
+              <span class="badge bg-light text-dark ms-auto">{{ subcat_posts.size }}</span>
+            </button>
             {% endif %}
           {% endfor %}
+          {% endif %}
         </nav>
       </div>
       {% comment %} Existence-gate the tags index: a remote-theme consumer without
@@ -107,26 +163,40 @@
 <!-- ================================ -->
 <div class="offcanvas offcanvas-start" tabindex="-1" id="{{ sidebar_id }}" aria-labelledby="{{ sidebar_id }}Label">
   <div class="offcanvas-header bg-primary text-white">
-    <h5 class="offcanvas-title" id="{{ sidebar_id }}Label">
+    <h2 class="offcanvas-title h5" id="{{ sidebar_id }}Label">
       <i class="bi bi-bookmark me-2"></i>{{ page_title }} Topics
-    </h5>
+    </h2>
     <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
   </div>
   <div class="offcanvas-body p-0">
     <nav class="nav flex-column">
+      {% if _anchors_resolve %}
       <a class="nav-link active bg-light py-3 border-bottom" href="#all-posts" data-bs-dismiss="offcanvas">
         <i class="bi bi-grid me-2"></i>All Articles
         <span class="badge bg-secondary float-end">{{ section_posts.size }}</span>
       </a>
-      {% for subcat in sub_categories %}
+      {% for subcat in _linkable_subcats %}
         {% assign subcat_posts = section_posts | where_exp: "post", "post.tags contains subcat" %}
-        {% if subcat_posts.size > 0 %}
         <a class="nav-link text-body-secondary py-3 border-bottom" href="#{{ subcat | slugify }}" data-bs-dismiss="offcanvas">
           <i class="bi bi-tag me-2"></i>{{ subcat | capitalize }}
           <span class="badge bg-light text-dark float-end">{{ subcat_posts.size }}</span>
         </a>
+      {% endfor %}
+      {% else %}
+      <button type="button" class="nav-link text-start active bg-light py-3 border-bottom w-100" data-filter="all" data-bs-dismiss="offcanvas">
+        <i class="bi bi-grid me-2"></i>All Articles
+        <span class="badge bg-secondary float-end">{{ section_posts.size }}</span>
+      </button>
+      {% for subcat in sub_categories %}
+        {% assign subcat_posts = section_posts | where_exp: "post", "post.tags contains subcat" %}
+        {% if subcat_posts.size > 0 %}
+        <button type="button" class="nav-link text-start text-body-secondary py-3 border-bottom w-100" data-filter="{{ subcat | slugify }}" data-bs-dismiss="offcanvas">
+          <i class="bi bi-tag me-2"></i>{{ subcat | capitalize }}
+          <span class="badge bg-light text-dark float-end">{{ subcat_posts.size }}</span>
+        </button>
         {% endif %}
       {% endfor %}
+      {% endif %}
     </nav>
     {% if _tags_page %}
     <div class="p-3">
@@ -169,6 +239,16 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  /* In grid/list styles the topic controls are <button data-filter> (there is
+     no per-topic scroll target to link to). Bootstrap's .nav-link already
+     clears button background/border; these are the two properties a <button>
+     still needs to render identically to the anchor form. */
+  .sidebar-nav button.nav-link,
+  .offcanvas button.nav-link {
+    width: 100%;
+    text-align: left;
+  }
   
   /* Offcanvas mobile styling */
   .offcanvas .nav-link {
@@ -194,8 +274,10 @@
           if (target) {
             target.scrollIntoView({ behavior: 'smooth' });
             
-            // Update active state in sidebar
-            document.querySelectorAll('.sidebar-nav .nav-link').forEach(link => {
+            // Update active state in sidebar. Scoped to anchors: in grid/list
+            // styles the topic controls are <button data-filter> elements whose
+            // active state belongs to the layout's filter handler, not here.
+            document.querySelectorAll('.sidebar-nav a.nav-link').forEach(link => {
               link.classList.remove('active');
             });
             
@@ -220,7 +302,7 @@
       entries.forEach(entry => {
         if (entry.isIntersecting) {
           const id = entry.target.getAttribute('id');
-          document.querySelectorAll('.sidebar-nav .nav-link').forEach(link => {
+          document.querySelectorAll('.sidebar-nav a.nav-link').forEach(link => {
             link.classList.remove('active');
             if (link.getAttribute('href') === `#${id}`) {
               link.classList.add('active');

data/_includes/navigation/sidebar-config.html

@@ -28,6 +28,8 @@
   Notes:       `nav: auto` picks the best mode for the page's collection —
                a curated _data/navigation/<collection>.yml wins, then the
                live "collection" folder tree, then post "categories".
+               Legacy mode names ("tree", "dynamic", "searchCats") from
+               pre-1.x sidebars are aliased to "auto" for backward compat.
 {%- endcomment -%}
 
 {%- comment -%} 1. Visibility: page.sidebar wins; featured/breaking posts default off {%- endcomment -%}
@@ -61,6 +63,14 @@
   {%- endif -%}
 {%- endif -%}
 
+{%- comment -%} 3b. Legacy mode names from pre-1.x sidebars ("tree", "dynamic",
+     "searchCats") no longer exist; consumer configs still carry them, which
+     used to silently disable the sidebar (no data file matches those names).
+     Treat them as "auto" so those sites get the best available mode. {%- endcomment -%}
+{%- if sidebar_nav == "tree" or sidebar_nav == "dynamic" or sidebar_nav == "searchCats" -%}
+  {%- assign sidebar_nav = "auto" -%}
+{%- endif -%}
+
 {%- comment -%} 4. "auto" → concrete mode based on the page's collection {%- endcomment -%}
 {%- if sidebar_nav == "auto" -%}
   {%- assign sidebar_nav = nil -%}
@@ -91,6 +101,17 @@
       {%- if site.tags.size > 0 -%}
         {%- assign sidebar_has_content = true -%}
       {%- endif -%}
+    {%- when "pages" -%}
+      {%- comment -%} URL-hierarchy page tree — content exists when the base
+           prefix matches at least one page (see sidebar-pagetree.html). {%- endcomment -%}
+      {%- assign _pt_base = page.sidebar.base -%}
+      {%- if _pt_base -%}
+        {%- assign _pt_pool = site.html_pages | concat: site.documents -%}
+        {%- assign _pt_hits = _pt_pool | where_exp: "p", "p.url contains _pt_base" -%}
+        {%- if _pt_hits.size > 0 -%}
+          {%- assign sidebar_has_content = true -%}
+        {%- endif -%}
+      {%- endif -%}
     {%- else -%}
       {%- if site.data.navigation[sidebar_nav] -%}
         {%- assign sidebar_has_content = true -%}

data/_includes/navigation/sidebar-left.html

@@ -79,7 +79,8 @@
               aria-controls="bdSidebar"
               aria-expanded="true"
               aria-label="Hide documentation sidebar"
-              title="Hide documentation sidebar">
+              aria-keyshortcuts="b"
+              title="Hide documentation sidebar (b)">
         <i class="bi bi-layout-sidebar-inset" aria-hidden="true"></i>
         <span class="visually-hidden">Hide documentation sidebar</span>
       </button>

data/_includes/navigation/sidebar-nav.html

@@ -23,6 +23,10 @@
 <div class="nav-tree nav-tree--categories"{% if include.id %} id="{{ include.id }}"{% endif %} data-nav-tree>
   {% include navigation/sidebar-categories.html taxonomy=sidebar_nav %}
 </div>
+{%- elsif sidebar_nav == "pages" -%}
+<nav class="w-100 nav-tree"{% if include.id %} id="{{ include.id }}"{% endif %} data-nav-tree aria-label="Section navigation">
+  {% include navigation/sidebar-pagetree.html %}
+</nav>
 {%- elsif sidebar_nav -%}
 <nav class="w-100 nav-tree"{% if include.id %} id="{{ include.id }}"{% endif %} data-nav-tree aria-label="Section navigation">
   {% include navigation/nav-tree.html nav=sidebar_nav %}