jekyll-theme-zer0 0.22.0 → 0.22.19

data/_includes/components/svg-background.html

@@ -0,0 +1,42 @@
+<!--
+  ===================================================================
+  SVG-BACKGROUND — Apply fffuel-style SVG background to a zone
+  ===================================================================
+  
+  File: svg-background.html
+  Path: _includes/components/svg-background.html
+  Purpose: Adds a CSS class for the background zone and injects
+           per-skin CSS custom-property overrides from _config.yml.
+  
+  Parameters:
+    zone  — "hero" | "body" | "surface" | "footer" (default: "body")
+  
+  Usage:
+    include components/svg-background.html zone="hero"
+    <div class="zer0-bg-hero"> ... </div>
+  
+  Dependencies:
+    - _sass/theme/_backgrounds.scss  (utility classes)
+    - _data/theme_backgrounds.yml    (asset paths)
+    - _config.yml theme_background   (opacity / blend settings)
+  ===================================================================
+-->
+
+{% assign zone = include.zone | default: "body" %}
+{% assign skin = site.theme_skin | default: "dark" %}
+{% assign bg   = site.theme_background %}
+
+{% comment %}
+  Inject runtime overrides from _config.yml into inline <style> once per page.
+  These override the SCSS defaults so site owners can tune via config alone.
+{% endcomment %}
+{% if bg.enabled != false %}
+<style data-zer0-bg-overrides>
+  [data-theme-skin="{{ skin }}"] {
+    {% if bg.gradient_opacity %}--zer0-bg-gradient-opacity: {{ bg.gradient_opacity }};{% endif %}
+    {% if bg.texture_opacity %}--zer0-bg-texture-opacity: {{ bg.texture_opacity }};{% endif %}
+    {% if bg.pattern_opacity %}--zer0-bg-pattern-opacity: {{ bg.pattern_opacity }};{% endif %}
+    {% if bg.blend_mode %}--zer0-bg-blend: {{ bg.blend_mode }};{% endif %}
+  }
+</style>
+{% endif %}

data/_includes/components/theme-customizer.html

@@ -0,0 +1,46 @@
+<!--
+  ===================================================================
+  THEME CUSTOMIZER — Skin preview grid with live class swapping
+  ===================================================================
+
+  File: theme-customizer.html
+  Path: _includes/components/theme-customizer.html
+  Purpose: Displays all available theme skins in a card grid.
+           Clicking a card applies the skin class and highlights it.
+           Current skin comes from site.theme_skin in _config.yml.
+
+  Dependencies: Bootstrap 5 grid/card, Bootstrap Icons
+  Used by: pages/_about/settings/theme.md (Skin Preview tab)
+  ===================================================================
+-->
+
+{% assign current_skin = site.theme_skin | default: "dark" %}
+{% assign skins = "air,aqua,contrast,dark,dirt,neon,mint,plum,sunrise" | split: "," %}
+
+<p class="text-body-secondary mb-3">
+  Current skin: <strong>{{ current_skin }}</strong>. Click a card to preview (page-level only — does not persist).
+</p>
+
+<div class="row g-3" id="skin-grid">
+  {% for skin in skins %}
+    <div class="col-6 col-md-4 col-lg-3">
+      <div class="card h-100 skin-card {% if skin == current_skin %}border-primary{% else %}border-secondary{% endif %}"
+           data-skin="{{ skin }}" role="button" tabindex="0" style="cursor:pointer">
+        <div class="card-body text-center py-4">
+          <i class="bi bi-circle-fill fs-3 mb-2 d-block {% if skin == current_skin %}text-primary{% else %}text-body-secondary{% endif %}"></i>
+          <h6 class="card-title mb-1 text-capitalize">{{ skin }}</h6>
+          {% if skin == current_skin %}
+            <span class="badge bg-primary"><i class="bi bi-check-circle me-1"></i>Active</span>
+          {% else %}
+            <small class="text-body-tertiary">Click to preview</small>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>
+
+<div class="alert alert-info mt-3 small" role="alert">
+  <i class="bi bi-info-circle me-1"></i>
+  To permanently change the skin, update <code>theme_skin</code> in <code>_config.yml</code> or use the <strong>Export YAML</strong> tab.
+</div>

data/_includes/content/seo.html

@@ -1,142 +1,75 @@
-<!-- 
-  file: seo.html
-  path: _includes/seo.html
-  includes: none
-  description: SEO meta tags for the site
-  purpose: This file is used to generate the SEO meta tags for the site. It is included in the head section of the HTML document. 
+<!--
+  ===================================================================
+  SEO SUPPLEMENT - Additional meta tags not covered by jekyll-seo-tag
+  ===================================================================
+
+  File: seo.html
+  Path: _includes/content/seo.html
+  Purpose: Outputs ONLY meta tags that the jekyll-seo-tag plugin does
+           not generate. The bulk of SEO (title, description, og:*,
+           twitter:*, canonical, JSON-LD) is handled by seo tags in
+           _layouts/root.html.
+
+  What this file adds:
+  - Custom og:image with preview_images.assets_prefix path normalisation
+    for the theme-specific page.preview and page.header.og_image keys.
+    When page.image is set, jekyll-seo-tag handles og:image and this
+    file skips its own og:image output to avoid duplicate tags.
+  - Non-Google site verification tags (Bing, Yandex, Naver, Baidu)
+
+  Dependencies:
+  - jekyll-seo-tag plugin (loaded in _layouts/root.html via seo tags)
+  - site.preview_images config in _config.yml
+  ===================================================================
 -->
 
-<!--  -->
-
-{%- assign seo_url = site.url | append: site.baseurl -%}
-{%- assign canonical_url = site.url %}
-{% assign title_separator = site.title_separator | default: '-' %}
-{%- assign seo_title = page.title | default: site.title | append: " " | append: title_separator | append: " " | append: site.title -%}
-{%- assign seo_description = page.description | default: site.description -%}
-
-{%- assign author = page.author | default: site.author -%}
-
-<!-- TODO: build author data set for SEO -->
-
-{%- assign author_twitter = site.author.twitter_username %}
-
-{%- assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image | absolute_url -%}
-{%- assign page_large_image = page_large_image | escape -%}
-
-{%- comment -%} Handle preview image with configurable assets prefix {%- endcomment -%}
-{%- assign page_teaser_image = page.preview | default: site.og_image -%}
-{%- assign assets_prefix = site.preview_images.assets_prefix | default: '/assets' -%}
-{%- assign auto_prefix = site.preview_images.auto_prefix | default: true -%}
-
-{%- if page_teaser_image contains '://' -%}
-  {%- comment -%} External URL - use as-is {%- endcomment -%}
-{%- elsif auto_prefix and page_teaser_image != blank -%}
-  {%- unless page_teaser_image contains assets_prefix -%}
-    {%- assign page_teaser_image = assets_prefix | append: page_teaser_image -%}
-  {%- endunless -%}
-{%- endif -%}
-{%- assign page_teaser_image = page_teaser_image | absolute_url | escape -%}
-
-{%- assign site_og_image = site.og_image | absolute_url -%}
-{%- assign site_og_image = site_og_image | escape -%}
-
-{%- if page.date -%}
-  {%- assign og_type = "article" -%}
-{%- else -%}
-  {%- assign og_type = "website" -%}
-{%- endif -%}
-
-<title>{{ seo_title | default: site.title }} {% if paginator %}{% unless paginator.page == 1 %} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
-<meta name="description" content="{{ seo_description }}">
-<meta name="author" content="{{ author.name | default: author }}">
-
-{% if og_type == "article" %}
-<meta property="article:author" content="{{ author.name | default: author }}">
-{% endif %}
-
-<meta property="og:type" content="{{ og_type }}">
-<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
-<meta property="og:site_name" content="{{ site.title }}">
-<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
-<meta property="og:url" content="{{ canonical_url }}">
-
-<meta property="og:description" content="{{ seo_description }}">
-
-
-{% if page_large_image %}
-  <meta property="og:image" content="{{ page_large_image }}">
-{% elsif page_teaser_image %}
-  <meta property="og:image" content="{{ page_teaser_image }}">
-{% endif %}
-
-{% if site.twitter.username %}
-  <meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
-  <meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
-  <meta name="twitter:description" content="{{ seo_description }}">
-  <meta name="twitter:url" content="{{ canonical_url }}">
-
-  {% if page_large_image %}
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="{{ page_large_image }}">
-  {% else %}
-    <meta name="twitter:card" content="summary">
-    {% if page_teaser_image %}
-      <meta name="twitter:image" content="{{ page_teaser_image }}">
-    {% endif %}
-  {% endif %}
-
-  {% if author_twitter %}
-    <meta name="twitter:creator" content="@{{ author_twitter }}">
-  {% endif %}
-{% endif %}
-
-<meta property="article:published_time" content="{{ page.date | default: page.lastmod | date_to_xmlschema }}">
-
-{% if og_type == "article" and page.last_modified_at %}
-  <meta property="article:modified_time" content="{{ page.last_modified_at | date_to_xmlschema }}">
-{% endif %}
-
-{% if site.facebook %}
-  {% if site.facebook.publisher %}
-    <meta property="article:publisher" content="{{ site.facebook.publisher }}">
-  {% endif %}
-
-  {% if site.facebook.app_id %}
-    <meta property="fb:app_id" content="{{ site.facebook.app_id }}">
-  {% endif %}
-{% endif %}
-
-<link rel="canonical" href="{{ canonical_url }}">
-
-{% if paginator.previous_page %}
-  <link rel="prev" href="{{ paginator.previous_page_path | absolute_url }}">
-{% endif %}
-{% if paginator.next_page %}
-  <link rel="next" href="{{ paginator.next_page_path | absolute_url }}">
-{% endif %}
-
-<script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    {% if site.social.type == "Organization" %}
-      "@type": "Organization",
-      "url": {{ '/' | absolute_url | jsonify }}{% if site.og_image %},
-      "logo": {{ site_og_image | jsonify }}{% endif %}
-    {% else %}
-      "@type": "Person",
-      "name": {{ site.social.name | default: site.name | jsonify }},
-      "url": {{ '/' | absolute_url |jsonify }}{% if site.social.links %},
-      "sameAs": {{ site.social.links | jsonify }}{% endif %}
-    {% endif %}
-  }
-</script>
-
-<!-- Site verification -->
-
-  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
+{%- comment -%}
+  Custom og:image handling: supports page.preview and page.header.og_image
+  with automatic assets_prefix path normalisation from _config.yml.
+  jekyll-seo-tag handles page.image / page.image.path, so we only emit
+  our own og:image when those standard keys are absent.
+{%- endcomment -%}
+
+{%- unless page.image -%}
+  {%- assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image -%}
+  {%- assign page_teaser_image = page.preview | default: site.og_image -%}
+  {%- assign assets_prefix = site.preview_images.assets_prefix | default: '/assets' -%}
+  {%- assign auto_prefix = site.preview_images.auto_prefix | default: true -%}
+
+  {%- if page_teaser_image contains '://' -%}
+    {%- comment -%} External URL - use as-is {%- endcomment -%}
+  {%- elsif auto_prefix 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 -%}
+    {%- assign seo_image = page_large_image | absolute_url | escape -%}
+  {%- elsif page_teaser_image != blank -%}
+    {%- assign seo_image = page_teaser_image | absolute_url | escape -%}
+  {%- endif -%}
+
+  {%- if seo_image -%}
+  <meta property="og:image" content="{{ seo_image }}">
+  <meta name="twitter:image" content="{{ seo_image }}">
+  {%- endif -%}
+{%- endunless -%}
+
+<!-- Site verification (non-Google; Google is handled by jekyll-seo-tag) -->
+{% if site.bing_site_verification %}
   <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
+{% endif %}
+{% if site.alexa_site_verification %}
   <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
+{% endif %}
+{% if site.yandex_site_verification %}
   <meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
+{% endif %}
+{% if site.naver_site_verification %}
   <meta name="naver-site-verification" content="{{ site.naver_site_verification }}">
+{% endif %}
+{% if site.baidu_site_verification %}
   <meta name="baidu-site-verification" content="{{ site.baidu_site_verification }}">
-<!-- end _includes/seo.html -->
+{% endif %}
+<!-- end _includes/content/seo.html -->

data/_includes/core/footer.html

@@ -56,7 +56,7 @@
       <!-- Theme Info Button -->
       <li class="btn align-items-end">
         <a href="#" 
-           data-bs-toggle="modal" 
+           data-bs-toggle="offcanvas" 
            data-bs-target="#info-section"
            aria-label="View theme information and system details"
            title="Theme Info">

data/_includes/core/head.html

@@ -88,9 +88,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- ================================ -->
-<!-- SEO AND SOCIAL MEDIA META TAGS  -->
+<!-- SEO SUPPLEMENT                  -->
 <!-- ================================ -->
-<!-- Comprehensive SEO optimization including Open Graph and Twitter Cards -->
+<!-- Additional SEO tags not covered by jekyll-seo-tag plugin ( in root.html).
+     Outputs custom og:image with assets_prefix normalisation and non-Google site verification. -->
 {% include content/seo.html %}
 
 <!-- ========================== -->

data/_includes/core/header.html

@@ -105,11 +105,18 @@
             <div class="navbar-brand-group d-inline-flex align-items-center gap-2">
                 <!-- Home Navigation Button (Desktop only) -->
                 <div class="navbar-home-links d-none d-lg-inline-flex" role="navigation" aria-label="Quick navigation">
-                    {%- for home in site.data.navigation.home -%}
-                    <a class="btn" href="{{ home.url | relative_url }}" aria-label="{{ home.title }}" title="{{ home.title }}" {% if home.url == page.url %}aria-current="page"{% endif %}>
-                        <i class="{{ site.default_icon}} {{ home.icon }}"></i>
-                    </a>
-                    {% endfor %}
+                    {%- assign nav_home = site.data.navigation.home -%}
+                    {%- if nav_home and nav_home.size > 0 -%}
+                      {%- for home in nav_home -%}
+                      <a class="btn" href="{{ home.url | relative_url }}" aria-label="{{ home.title }}" title="{{ home.title }}" {%- if home.url == page.url %} aria-current="page"{% endif %}>
+                          <i class="{{ site.default_icon}} {{ home.icon }}"></i>
+                      </a>
+                      {%- endfor -%}
+                    {%- else -%}
+                      <a class="btn" href="{{ '/' | relative_url }}" aria-label="Home" title="Home — {{ site.title }}">
+                          <i class="{{ site.default_icon }} bi-house"></i>
+                      </a>
+                    {%- endif -%}
                 </div>
                 
                 <!-- Brand Logo Link to Root -->
@@ -151,11 +158,11 @@
                     <span class="nav-link-text d-none d-xl-inline ms-1">Search</span>
                 </button>
 
-                <!-- Settings Modal Toggle -->
+                <!-- Settings Offcanvas Toggle -->
                 <button
                     class="btn nav-settings-button d-none d-lg-inline-flex"
                     type="button"
-                    data-bs-toggle="modal" 
+                    data-bs-toggle="offcanvas" 
                     data-bs-target="#info-section" 
                     aria-label="Open settings"
                     aria-haspopup="dialog"

data/_includes/landing/landing-install-cards.html

@@ -30,15 +30,26 @@ docker run -p 4000:4000 {{ site.resources.docker.image | default: '' | join: ''
   <div class="col-12 col-sm-10 col-md-6 col-lg-4">
     <div class="card h-100 border-0 shadow-sm">
       <div class="card-header bg-secondary text-white">
-        <h5 class="card-title mb-0"><i class="bi bi-git me-2"></i>Fork Repository</h5>
+        <h5 class="card-title mb-0"><i class="bi bi-git me-2"></i>Fork & Deploy</h5>
       </div>
       <div class="card-body p-4 d-flex flex-column text-center">
-        <p class="card-text mb-3">Improve the theme by forking the repo and opening a PR.</p>
-        <pre class="bg-dark text-light p-3 rounded mb-3 small text-start overflow-auto"><code>git clone {{ site.resources.github_repo | default: '' | join: '' | default: site.github.repository_url }}
-cd {{ site.local_repo | default: site.repository_name | default: 'repo' }}
-git remote add upstream {{ site.resources.github_repo | default: '' | join: '' | default: site.github.repository_url }}
-git checkout -b feature/your-change</code></pre>
-  <a class="btn btn-outline-secondary btn-sm mt-auto" href="{{ site.resources.github_fork | default: '' | join: '' | default: site.github.repository_url | append: '/fork' }}" target="_blank" rel="noopener">Fork on GitHub</a>
+        {% assign github_fork_base = site.resources.github_fork | default: site.github.repository_url | join: '' %}
+        {% assign github_fork_suffix = github_fork_base | slice: -5, 5 %}
+        {% if github_fork_suffix == '/fork' %}
+          {% assign github_fork_url = github_fork_base %}
+        {% else %}
+          {% assign github_fork_url = github_fork_base | append: '/fork' %}
+        {% endif %}
+        <p class="card-text mb-3">Fork into <code>&lt;username&gt;.github.io</code> for a personal site in minutes.</p>
+        <ol class="text-start small mb-3">
+          <li>Fork <a href="{{ github_fork_url }}" target="_blank" rel="noopener">bamr87/zer0-mistakes</a></li>
+          <li>Name it <code>&lt;your-username&gt;.github.io</code></li>
+          <li>Enable GitHub Pages in Settings</li>
+        </ol>
+        <pre class="bg-dark text-light p-3 rounded mb-3 small text-start overflow-auto"><code>git clone https://github.com/&lt;you&gt;/&lt;you&gt;.github.io.git
+cd &lt;you&gt;.github.io
+./scripts/fork-cleanup.sh</code></pre>
+  <a class="btn btn-outline-secondary btn-sm mt-auto" href="{{ github_fork_url }}" target="_blank" rel="noopener">Fork on GitHub</a>
       </div>
     </div>
   </div>

data/_includes/navigation/admin-nav.html

@@ -0,0 +1,95 @@
+<!--
+  ===================================================================
+  ADMIN NAV — Data-driven sidebar navigation for admin/settings pages
+  ===================================================================
+
+  File: admin-nav.html
+  Path: _includes/navigation/admin-nav.html
+  Purpose: Renders a vertical nav list for administrative pages.
+           Items are read from _data/navigation/admin.yml.
+           Highlights the active page based on page.url or
+           page.admin_section matching.
+
+  Dependencies: Bootstrap 5 nav component, Bootstrap Icons,
+                _data/navigation/admin.yml
+  Used by: _layouts/admin.html
+  ===================================================================
+-->
+
+{% assign current_path = page.url %}
+{% assign admin_items = site.data.navigation.admin %}
+
+<ul class="nav nav-pills flex-column">
+
+  {% assign rendered_separator = false %}
+  {% for item in admin_items %}
+
+    {% if item.external and rendered_separator == false %}
+      {% assign rendered_separator = true %}
+      <li role="separator"><hr class="my-2"></li>
+    {% endif %}
+
+    {% comment %} Active detection: exact URL match or admin_section match {% endcomment %}
+    {% assign is_active = false %}
+    {% if current_path == item.url %}
+      {% assign is_active = true %}
+    {% elsif page.admin_section and page.admin_section == item.title %}
+      {% assign is_active = true %}
+    {% endif %}
+
+    {% comment %} Dynamic badges when no static badge is set {% endcomment %}
+    {% assign dynamic_badge = nil %}
+    {% assign badge_class = "bg-secondary" %}
+    {% unless item.badge or item.external %}
+      {% if item.url == "/about/settings/collections/" %}
+        {% assign dynamic_badge = site.collections | size %}
+      {% elsif item.url == "/about/settings/analytics/" %}
+        {% if site.posthog.enabled %}
+          {% assign dynamic_badge = "On" %}
+          {% assign badge_class = "bg-success" %}
+        {% else %}
+          {% assign dynamic_badge = "Off" %}
+          {% assign badge_class = "bg-secondary" %}
+        {% endif %}
+      {% elsif item.url == "/about/settings/environment/" %}
+        {% if jekyll.environment == "production" %}
+          {% assign dynamic_badge = "Prod" %}
+          {% assign badge_class = "bg-success" %}
+        {% else %}
+          {% assign dynamic_badge = "Dev" %}
+          {% assign badge_class = "bg-warning text-dark" %}
+        {% endif %}
+      {% endif %}
+    {% endunless %}
+
+    <li class="nav-item">
+      {% if item.external %}
+        {% comment %} Resolve placeholder tokens for external URLs {% endcomment %}
+        {% assign resolved_url = item.url
+             | replace: '{github_user}', site.github_user
+             | replace: '{repository_name}', site.repository_name %}
+        <a class="nav-link d-flex align-items-center text-body-secondary"
+           href="{{ resolved_url }}"
+           target="_blank" rel="noopener">
+          <i class="{{ item.icon }} me-2"></i>
+          {{ item.title }}
+          <i class="bi bi-box-arrow-up-right ms-auto small"></i>
+        </a>
+      {% else %}
+        <a class="nav-link d-flex align-items-center{% if is_active %} active{% endif %}"
+           href="{{ item.url | relative_url }}"
+           {% if item.description %}title="{{ item.description }}"{% endif %}>
+          <i class="{{ item.icon }} me-2"></i>
+          {{ item.title }}
+          {% if item.badge %}
+            <span class="badge bg-secondary ms-auto">{{ item.badge }}</span>
+          {% elsif dynamic_badge %}
+            <span class="badge {{ badge_class }} ms-auto">{{ dynamic_badge }}</span>
+          {% endif %}
+        </a>
+      {% endif %}
+    </li>
+
+  {% endfor %}
+
+</ul>

data/_includes/navigation/navbar.html

@@ -6,8 +6,8 @@
              with hover-activated dropdowns for desktop and accessible interactions
  -->
 
-<!-- Navigation Links - Offcanvas -->
-<div class="offcanvas offcanvas-end col-lg-2" tabindex="-1" id="bdNavbar" aria-labelledby="mainNavOffcanvasLabel" aria-modal="true" role="dialog">
+<!-- Navigation Links - Responsive Offcanvas (inline at lg+, offcanvas below) -->
+<div class="offcanvas-lg offcanvas-end" tabindex="-1" id="bdNavbar" aria-labelledby="mainNavOffcanvasLabel">
 
     <!-- Main Navigation Header - Offcanvas -->
     <div class="offcanvas-header border-bottom">
@@ -26,7 +26,17 @@
                     Home
                 </a>
             </li>
-            {%- for link in site.data.navigation.main -%}
+            {%- comment -%}
+              Navigation: data-driven when _data/navigation/main.yml exists;
+              otherwise auto-generated from site.collections as a fallback so
+              a consumer repo needs only markdown files and _config.yml.
+              Exclude a collection from auto-nav by setting nav_exclude: true
+              under its entry in _config.yml collections:.
+            {%- endcomment -%}
+            {%- assign nav_main = site.data.navigation.main -%}
+            {%- if nav_main and nav_main.size > 0 -%}
+
+              {%- for link in nav_main -%}
                 {%- assign has_children = link.children and link.children.size > 0 -%}
 
                 {%- if has_children -%}
@@ -93,7 +103,35 @@
                         </a>
                     </li>
                 {%- endif -%}
-            {%- endfor -%}
+              {%- endfor -%}
+
+            {%- else -%}
+              {%- comment -%}
+                Dynamic navigation: one nav item per collection that has output
+                documents. The "pages" collection is skipped (structural only).
+                Set nav_exclude: true on a collection in _config.yml to hide it.
+              {%- endcomment -%}
+              {%- for collection in site.collections -%}
+                {%- unless collection.label == "pages" or collection.nav_exclude -%}
+                  {%- if collection.docs.size > 0 -%}
+                    {%- assign col_title = collection.label | replace: "-", " " | replace: "_", " " | capitalize -%}
+                    {%- assign col_url = "/" | append: collection.label | append: "/" -%}
+                    <li class="nav-item" role="none">
+                        <a
+                            class="nav-link"
+                            href="{{ col_url | relative_url }}"
+                            role="menuitem"
+                            title="{{ col_title }}"
+                            {%- if page.collection == collection.label -%} aria-current="page"{%- endif -%}
+                        >
+                            <span class="nav-link-text">{{ col_title }}</span>
+                        </a>
+                    </li>
+                  {%- endif -%}
+                {%- endunless -%}
+              {%- endfor -%}
+
+            {%- endif -%}
             <li class="nav-item d-lg-none" role="none">
                 <button
                     class="nav-link btn btn-link text-start w-100"
@@ -110,7 +148,7 @@
                 <button
                     class="nav-link btn btn-link text-start w-100"
                     type="button"
-                    data-bs-toggle="modal"
+                    data-bs-toggle="offcanvas"
                     data-bs-target="#info-section"
                     aria-controls="info-section"
                     aria-haspopup="dialog"

data/_includes/navigation/sidebar-left.html

@@ -1,4 +1,4 @@
-<!--
+  <!--
   ===================================================================
   SIDEBAR LEFT - Dynamic Navigation Sidebar
   ===================================================================