jekyll-theme-zer0 1.27.0 → 1.28.0

data/_includes/components/halfmoon.html

@@ -9,8 +9,11 @@
                page (settings offcanvas + theme-controls-bar).
   params:      class (string, optional, default "") — extra btn-group classes,
                e.g. "w-100" to fill the parent.
+  config:      site.color_mode_lock: true removes the control entirely — the
+               site pins one mode and visitor switching is disabled
+               (halfmoon.js + core/color-mode-init.html enforce the same).
  -->
-
+{% unless site.color_mode_lock %}
 <div class="btn-group bd-theme-switch {{ include.class | default: '' }}" role="group" aria-label="Color mode">
   <button type="button" class="btn btn-outline-secondary btn-sm d-flex align-items-center justify-content-center gap-1" data-bs-theme-value="light" aria-pressed="false">
     <svg class="bi flex-shrink-0" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#sun-fill"></use></svg>
@@ -25,3 +28,4 @@
     <span>Auto</span>
   </button>
 </div>
+{% endunless %}

data/_includes/components/page-feedback.html

@@ -103,6 +103,14 @@
       <!-- Step 1 — request type -->
       <fieldset class="pf-field pf-types">
         <legend class="pf-legend">What kind of feedback?</legend>
+        {%- comment -%}
+          _data/feedback_types.yml is optional for consumers (remote_theme
+          cannot ship _data). Without it the widget falls back to a minimal
+          generic taxonomy (see pf_fallback_types below) instead of rendering
+          an empty selector. The fallback entries carry no GitHub labels and
+          no agent directive — labels must exist in the target repo or GitHub
+          silently drops them from prefilled issue URLs.
+        {%- endcomment -%}
         {%- assign pf_group = "" -%}
         {%- for t in site.data.feedback_types -%}
           {%- if t.group != pf_group -%}
@@ -124,6 +132,54 @@
             </span>
           </button>
           {%- if forloop.last -%}</div>{%- endif -%}
+        {%- else -%}
+          {%- comment -%}
+            _data/feedback_types.yml is optional for consumers (remote_theme
+            cannot ship _data). Without it, render this minimal generic
+            taxonomy instead of an empty selector. Ids/markup must stay in
+            sync with the fallback JSON in the #pageFeedbackTypes script
+            below. Fallback entries carry no GitHub labels (labels must exist
+            in the target repo or GitHub silently drops them) and no agent
+            directive.
+          {%- endcomment -%}
+          <p class="pf-types-group">This page</p>
+          <div class="pf-types-grid" role="radiogroup" aria-label="This page">
+            <button type="button" class="pf-type" role="radio" aria-checked="false"
+                    data-pf-type-id="fix-page" tabindex="0">
+              <i class="bi bi-bug pf-type-icon" aria-hidden="true"></i>
+              <span class="pf-type-text">
+                <span class="pf-type-label">Report a problem</span>
+                <span class="pf-type-desc">A typo, broken link, wrong information, or something rendering badly</span>
+              </span>
+            </button>
+            <button type="button" class="pf-type" role="radio" aria-checked="false"
+                    data-pf-type-id="improve-page" tabindex="-1">
+              <i class="bi bi-stars pf-type-icon" aria-hidden="true"></i>
+              <span class="pf-type-text">
+                <span class="pf-type-label">Improve this page</span>
+                <span class="pf-type-desc">Polish the copy, structure, or presentation</span>
+              </span>
+            </button>
+          </div>
+          <p class="pf-types-group">The site</p>
+          <div class="pf-types-grid" role="radiogroup" aria-label="The site">
+            <button type="button" class="pf-type" role="radio" aria-checked="false"
+                    data-pf-type-id="feature" tabindex="-1">
+              <i class="bi bi-lightbulb pf-type-icon" aria-hidden="true"></i>
+              <span class="pf-type-text">
+                <span class="pf-type-label">Suggest a feature</span>
+                <span class="pf-type-desc">An idea that would make the site more useful</span>
+              </span>
+            </button>
+            <button type="button" class="pf-type" role="radio" aria-checked="false"
+                    data-pf-type-id="question" tabindex="-1">
+              <i class="bi bi-question-circle pf-type-icon" aria-hidden="true"></i>
+              <span class="pf-type-text">
+                <span class="pf-type-label">Ask a question</span>
+                <span class="pf-type-desc">Something unclear that is not exactly a bug</span>
+              </span>
+            </button>
+          </div>
         {%- endfor -%}
       </fieldset>
 
@@ -219,9 +275,16 @@
 }
 </script>
 
-<!-- Request-type taxonomy (from _data/feedback_types.yml) -->
+<!-- Request-type taxonomy (from _data/feedback_types.yml; generic fallback
+     when the site ships no data file — keep in sync with the fallback markup
+     in the pf-types fieldset above) -->
 <script id="pageFeedbackTypes" type="application/json">
-{{ site.data.feedback_types | jsonify }}
+{% if site.data.feedback_types %}{{ site.data.feedback_types | jsonify }}{% else %}[
+  {"id":"fix-page","label":"Report a problem","icon":"bi-bug","group":"This page","scope":"page","description":"A typo, broken link, wrong information, or something rendering badly","labels":[],"agent":false,"placeholder":"What is wrong, where on the page, and what did you expect instead?"},
+  {"id":"improve-page","label":"Improve this page","icon":"bi-stars","group":"This page","scope":"page","description":"Polish the copy, structure, or presentation","labels":[],"agent":false,"placeholder":"What would make this page clearer, tighter, or more useful?"},
+  {"id":"feature","label":"Suggest a feature","icon":"bi-lightbulb","group":"The site","scope":"site","description":"An idea that would make the site more useful","labels":[],"agent":false,"placeholder":"Describe the feature and the problem it would solve."},
+  {"id":"question","label":"Ask a question","icon":"bi-question-circle","group":"The site","scope":"site","description":"Something unclear that is not exactly a bug","labels":[],"agent":false,"placeholder":"What would you like to know?"}
+]{% endif %}
 </script>
 
 <!-- Live page context (build-time front matter; runtime detail added by JS) -->

data/_includes/components/theme-controls-bar.html

@@ -13,16 +13,24 @@
   Used by theme settings and theme preview pages.
   ===================================================================
 {%- endcomment -%}
-{% assign active_skin = site.theme_skin | default: site.data.theme_skins.default | default: "dark" %}
-{% assign skin_order = site.data.theme_skins.order %}
+{%- comment -%}
+  _data/theme_skins.yml is optional for consumers (remote_theme cannot ship
+  _data), so fall back to the compiled skin registry. Keep this list in sync
+  with the [data-theme-skin] blocks in _sass/theme/_skins.scss.
+{%- endcomment -%}
+{% assign _skin_fallback = "air|aqua|dirt|neon|mint|plum|sunrise" | split: "|" %}
+{% assign active_skin = site.theme_skin | default: site.data.theme_skins.default | default: "air" %}
+{% assign skin_order = site.data.theme_skins.order | default: _skin_fallback %}
 
 <div class="theme-controls-bar d-flex flex-wrap align-items-center gap-3 mb-4 p-3 bg-body-tertiary rounded-3 border">
+  {% unless site.color_mode_lock %}
   <div class="d-flex align-items-center gap-2">
     <i class="bi bi-moon-stars" aria-hidden="true"></i>
     <span class="fw-semibold small">Mode:</span>
     {% include components/halfmoon.html %}
   </div>
   <div class="vr d-none d-sm-block" aria-hidden="true"></div>
+  {% endunless %}
   <div class="d-flex align-items-center gap-2 flex-grow-1">
     <i class="bi bi-palette2" aria-hidden="true"></i>
     <span class="fw-semibold small">Skin:</span>

data/_includes/components/theme-customizer.html

@@ -14,8 +14,14 @@
   ===================================================================
 -->
 
-{% assign current_skin = site.theme_skin | default: site.data.theme_skins.default | default: "dark" %}
-{% assign skins = site.data.theme_skins.order %}
+{%- comment -%}
+  _data/theme_skins.yml is optional for consumers (remote_theme cannot ship
+  _data), so fall back to the compiled skin registry. Keep this list in sync
+  with the [data-theme-skin] blocks in _sass/theme/_skins.scss.
+{%- endcomment -%}
+{% assign _skin_fallback = "air|aqua|dirt|neon|mint|plum|sunrise" | split: "|" %}
+{% assign current_skin = site.theme_skin | default: site.data.theme_skins.default | default: "air" %}
+{% assign skins = site.data.theme_skins.order | default: _skin_fallback %}
 
 <p class="text-body-secondary mb-3">
   Current skin: <strong>{{ current_skin }}</strong>. Click a card to preview (page-level only — does not persist).

data/_includes/content/seo.html

@@ -37,17 +37,23 @@
   {%- assign assets_prefix = site.preview_images.assets_prefix | default: '/assets' -%}
   {%- assign auto_prefix = site.preview_images.auto_prefix | default: true -%}
 
+  {%- comment -%}
+    Guard with truthiness AND blank: in Liquid 4 `nil != blank` is TRUE, so a
+    bare `!= blank` check on an unset variable takes the branch and assigns a
+    nil seo_image — og:image was silently dropped on every page without a
+    page.header image, defeating the site.og_image fallback entirely.
+  {%- endcomment -%}
   {%- if page_teaser_image contains '://' -%}
     {%- comment -%} External URL - use as-is {%- endcomment -%}
-  {%- elsif auto_prefix and page_teaser_image != blank -%}
+  {%- elsif auto_prefix and page_teaser_image and page_teaser_image != blank -%}
     {%- unless page_teaser_image contains assets_prefix -%}
       {%- assign page_teaser_image = assets_prefix | append: page_teaser_image -%}
     {%- endunless -%}
   {%- endif -%}
 
-  {%- if page_large_image != blank -%}
+  {%- if page_large_image and page_large_image != blank -%}
     {%- assign seo_image = page_large_image | absolute_url | escape -%}
-  {%- elsif page_teaser_image != blank -%}
+  {%- elsif page_teaser_image and page_teaser_image != blank -%}
     {%- assign seo_image = page_teaser_image | absolute_url | escape -%}
   {%- endif -%}
 

data/_includes/core/color-mode-init.html

@@ -13,9 +13,12 @@
                when Bootstrap's [data-bs-theme] selectors are first evaluated.
 
   Priority order (highest → lowest):
-    1. localStorage["theme"]    — user's explicit override via Appearance panel
-    2. data-color-mode-default  — site.color_mode_default config value
-    3. "auto" fallback          — resolves via prefers-color-scheme
+    1. site.color_mode_lock     — when true, config wins unconditionally:
+                                  visitor preference and OS scheme are ignored
+                                  (data-color-mode-lock attribute, set by root.html)
+    2. localStorage["theme"]    — user's explicit override via Appearance panel
+    3. data-color-mode-default  — site.color_mode_default config value
+    4. "auto" fallback          — resolves via prefers-color-scheme
 {%- endcomment -%}
 <script>
 (function () {
@@ -23,8 +26,14 @@
   try {
     var root = document.documentElement;
     var configDefault = root.getAttribute('data-color-mode-default') || 'auto';
-    var stored = window.localStorage.getItem('theme');
+    var locked = root.getAttribute('data-color-mode-lock') === 'true';
+    var stored = locked ? null : window.localStorage.getItem('theme');
     var mode = stored || configDefault;
+    if (mode === 'auto' && locked) {
+      {%- comment -%} A locked "auto" is contradictory; treat it as dark so
+          the brand-pinned mode never flips with the OS. {%- endcomment %}
+      mode = 'dark';
+    }
     if (mode === 'auto') {
       root.setAttribute('data-bs-theme',
         window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');

data/_includes/core/favicon.html

@@ -0,0 +1,46 @@
+{% comment %} Feature: ZER0-079 {% endcomment %}
+{%- comment -%}
+  Component:   favicon
+  Path:        _includes/core/favicon.html
+  Purpose:     Emit the browser-identity tags (favicon, SVG icon, Apple touch
+               icon, web manifest, theme-color) for every page. Before this
+               include existed, sites relied on the browser's implicit
+               /favicon.ico probe — which silently 404s on sites without the
+               file and never works for baseurl (project-page) deployments.
+  Params:      none — reads the optional `favicon:` block in _config.yml:
+
+               favicon:
+                 ico         : /favicon.ico                    # legacy .ico (default)
+                 svg         : /assets/images/favicon.svg      # scalable icon (optional)
+                 png         : /assets/images/favicon-32.png   # PNG icon (optional)
+                 png_size    : 32x32                           # sizes attr for png (optional)
+                 apple_touch : /assets/images/apple-touch.png  # iOS home-screen icon (optional)
+                 manifest    : /site.webmanifest               # PWA manifest (optional)
+                 theme_color : "#0d1117"                       # browser chrome color (optional)
+
+               With NO config at all this still emits the explicit
+               /favicon.ico link (every consumer site carries one at root),
+               and theme_color falls back to site.theme_color.main so the
+               mobile address bar matches the site's design tokens.
+  Notes:       Page-invariant — safe to render via include_cached. All paths
+               run through relative_url so baseurl deployments resolve.
+{%- endcomment -%}
+{%- assign _fav = site.favicon -%}
+{%- assign _fav_ico = _fav.ico | default: '/favicon.ico' -%}
+<link rel="icon" href="{{ _fav_ico | relative_url }}" sizes="32x32">
+{%- if _fav.svg %}
+<link rel="icon" type="image/svg+xml" href="{{ _fav.svg | relative_url }}">
+{%- endif %}
+{%- if _fav.png %}
+<link rel="icon" type="image/png" href="{{ _fav.png | relative_url }}"{% if _fav.png_size %} sizes="{{ _fav.png_size }}"{% endif %}>
+{%- endif %}
+{%- if _fav.apple_touch %}
+<link rel="apple-touch-icon" href="{{ _fav.apple_touch | relative_url }}">
+{%- endif %}
+{%- if _fav.manifest %}
+<link rel="manifest" href="{{ _fav.manifest | relative_url }}">
+{%- endif %}
+{%- assign _fav_theme_color = _fav.theme_color | default: site.theme_color.main -%}
+{%- if _fav_theme_color %}
+<meta name="theme-color" content="{{ _fav_theme_color }}">
+{%- endif %}

data/_includes/core/head.html

@@ -87,6 +87,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 +190,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/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/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-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 %}