jekyll-theme-zer0 0.22.5 → 0.22.20

data/_includes/components/nanobar.html

@@ -0,0 +1,117 @@
+<!--
+  ===================================================================
+  NANOBAR - Config-Driven Page Loading Progress Bar
+  ===================================================================
+
+  File: nanobar.html
+  Path: _includes/components/nanobar.html
+  Purpose: Visual loading indicator shown on every page load,
+           fully configurable via site.nanobar in _config.yml
+
+  Template Logic:
+  - Conditionally renders only when site.nanobar.enabled != false
+  - Injects CSS custom properties from _config.yml values
+  - Loads nanobar.min.js (library) and nanobar-init.js (initializer)
+  - Passes config to JS via window.zer0Nanobar object
+
+  Dependencies:
+  - assets/js/nanobar.min.js  — third-party Nanobar library
+  - assets/js/nanobar-init.js — theme initializer script
+  - _includes/core/header.html — #top-progress-target mount point
+    (rendered only when position == "navbar")
+
+  Configuration (_config.yml → nanobar):
+    enabled       : true | false          # master switch
+    color         : CSS color value       # bar fill colour
+    background    : CSS color value       # track background
+    height        : CSS length            # bar thickness
+    position      : top | bottom | navbar # placement mode
+    z_index       : integer               # stacking order
+    steps         : [int, …]              # progress percentages
+    step_delay_ms : integer               # ms between steps
+    classname     : string                # CSS class on wrapper
+    id            : string                # DOM id
+    target        : CSS selector | ""     # explicit mount target
+
+  Performance Notes:
+  - Both scripts loaded with `defer` to avoid blocking rendering
+  - CSS custom properties keep the inline <style> minimal
+  - Library injects its own baseline CSS; theme overrides via
+    specificity and !important where needed
+
+  Library: https://github.com/jacoborus/nanobar
+  ===================================================================
+-->
+
+{%- assign nb = site.nanobar | default: empty -%}
+{%- if nb == empty or nb.enabled != false -%}
+
+{%- comment -%} ── Resolve config with safe defaults ── {%- endcomment -%}
+{%- assign nb_color      = nb.color         | default: "var(--bs-primary)" -%}
+{%- assign nb_bg         = nb.background    | default: "transparent" -%}
+{%- assign nb_height     = nb.height        | default: "3px" -%}
+{%- assign nb_position   = nb.position      | default: "top" -%}
+{%- assign nb_zindex     = nb.z_index       | default: 9999 -%}
+{%- assign nb_classname  = nb.classname     | default: "nanobar" -%}
+{%- assign nb_id         = nb.id            | default: "top-progress-bar" -%}
+{%- assign nb_target     = nb.target        | default: "" -%}
+{%- assign nb_step_delay = nb.step_delay_ms | default: 0 -%}
+{%- assign nb_steps      = nb.steps -%}
+{%- if nb_steps == nil or nb_steps == empty -%}
+  {%- assign nb_steps = "30,76,100" | split: "," -%}
+{%- endif -%}
+
+<!-- ── Nanobar theme CSS (config-driven custom properties) ── -->
+<style id="nanobar-theme">
+  :root {
+    --nanobar-color:  {{ nb_color }};
+    --nanobar-bg:     {{ nb_bg }};
+    --nanobar-height: {{ nb_height }};
+    --nanobar-z:      {{ nb_zindex }};
+  }
+
+  /* Override library defaults with theme values */
+  .{{ nb_classname }} {
+    height: var(--nanobar-height) !important;
+    background: var(--nanobar-bg);
+    z-index: var(--nanobar-z);
+  }
+  .{{ nb_classname }} .bar {
+    background: var(--nanobar-color) !important;
+    transition: width .2s ease, height .3s ease;
+  }
+
+  /* Position modifiers */
+  .{{ nb_classname }}--bottom { top: auto !important; bottom: 0; }
+
+  /* Navbar mount: inline strip under the header */
+  .nanobar-mount {
+    position: relative;
+    width: 100%;
+    height: var(--nanobar-height);
+    overflow: hidden;
+  }
+  .nanobar-mount > .{{ nb_classname }}--navbar {
+    position: absolute !important;
+    top: 0; left: 0; right: 0;
+    width: 100%;
+  }
+</style>
+
+<!-- ── Nanobar scripts ── -->
+<script defer src="{{ '/assets/js/nanobar.min.js' | relative_url }}"></script>
+<script defer src="{{ '/assets/js/nanobar-init.js' | relative_url }}"></script>
+
+<!-- ── Bridge _config.yml values to JS ── -->
+<script>
+  window.zer0Nanobar = {
+    classname: {{ nb_classname | jsonify }},
+    id:        {{ nb_id        | jsonify }},
+    position:  {{ nb_position  | jsonify }},
+    target:    {{ nb_target    | jsonify }},
+    steps:     [{% for s in nb_steps %}{{ s | strip | plus: 0 }}{% unless forloop.last %},{% endunless %}{% endfor %}],
+    stepDelay: {{ nb_step_delay | plus: 0 }}
+  };
+</script>
+
+{%- endif -%}

data/_includes/components/nav-editor.html

@@ -0,0 +1,99 @@
+<!--
+  ===================================================================
+  NAV EDITOR — Read-only navigation tree view
+  ===================================================================
+
+  File: nav-editor.html
+  Path: _includes/components/nav-editor.html
+  Purpose: Renders all navigation data files as expandable card trees.
+           Each nav file becomes a card; items with children are nested.
+
+  Dependencies: Bootstrap 5 card/list-group, Bootstrap Icons,
+                _data/navigation/*.yml
+  Used by: pages/_about/settings/navigation.md
+  ===================================================================
+-->
+
+{% assign nav_files = "main,home,about,docs,posts,quickstart,admin" | split: "," %}
+
+<div class="row g-3 mb-3">
+  <div class="col-lg-4">
+    <div class="card text-center border-primary">
+      <div class="card-body py-3">
+        <i class="bi bi-signpost-2 fs-3 text-primary"></i>
+        <div class="fw-semibold mt-1">{{ nav_files | size }}</div>
+        <small class="text-body-secondary">Navigation Files</small>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-4">
+    <div class="card text-center border-primary">
+      <div class="card-body py-3">
+        <i class="bi bi-list-nested fs-3 text-primary"></i>
+        {% assign total_items = 0 %}
+        {% for nf in nav_files %}
+          {% assign items = site.data.navigation[nf] %}
+          {% if items %}{% assign total_items = total_items | plus: items.size %}{% endif %}
+        {% endfor %}
+        <div class="fw-semibold mt-1">{{ total_items }}</div>
+        <small class="text-body-secondary">Top-Level Items</small>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-4">
+    <div class="card text-center border-primary">
+      <div class="card-body py-3">
+        <i class="bi bi-folder2-open fs-3 text-primary"></i>
+        <div class="fw-semibold mt-1">_data/navigation/</div>
+        <small class="text-body-secondary">Source Directory</small>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="accordion" id="navAccordion">
+  {% for nf in nav_files %}
+    {% assign items = site.data.navigation[nf] %}
+    {% assign nf_id = nf | replace: '.', '-' %}
+    <div class="accordion-item">
+      <h2 class="accordion-header">
+        <button class="accordion-button {% unless forloop.first %}collapsed{% endunless %}" type="button"
+                data-bs-toggle="collapse" data-bs-target="#navAcc-{{ nf_id }}">
+          <i class="bi bi-file-earmark-text me-2"></i>
+          <strong>{{ nf }}.yml</strong>
+          {% if items %}
+            <span class="badge bg-secondary ms-2">{{ items | size }} items</span>
+          {% else %}
+            <span class="badge bg-warning ms-2">not found</span>
+          {% endif %}
+        </button>
+      </h2>
+      <div id="navAcc-{{ nf_id }}" class="accordion-collapse collapse {% if forloop.first %}show{% endif %}"
+           data-bs-parent="#navAccordion">
+        <div class="accordion-body p-0">
+          {% if items %}
+            <ul class="list-group list-group-flush">
+              {% for item in items %}
+                <li class="list-group-item">
+                  <div class="d-flex align-items-center">
+                    {% if item.icon %}<i class="{{ item.icon }} me-2 text-primary"></i>{% endif %}
+                    <div>
+                      <strong>{{ item.title }}</strong>
+                      {% if item.url %}<code class="ms-2 small">{{ item.url }}</code>{% endif %}
+                    </div>
+                    {% if item.external %}<span class="badge bg-info ms-auto">external</span>{% endif %}
+                  </div>
+                  {% if item.children %}
+                    <small class="text-body-secondary ms-4">{{ item.children | size }} sub-items</small>
+                  {% endif %}
+                </li>
+              {% endfor %}
+            </ul>
+          {% else %}
+            <div class="p-3 text-body-secondary small">No data file found for <code>{{ nf }}.yml</code></div>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>

data/_includes/components/setup-banner.html

@@ -0,0 +1,28 @@
+{% comment %}
+  ===================================================================
+  SETUP BANNER - Persistent notification for unconfigured sites
+  ===================================================================
+
+  File: setup-banner.html
+  Path: _includes/components/setup-banner.html
+  Purpose: Shows a dismissible top-bar when the site still needs
+           configuration. Disappears once site_configured is true.
+
+  Usage (add to root.html or any layout):
+    include components/setup-banner.html
+
+  Dependencies: components/setup-check.html (auto-included)
+  ===================================================================
+{% endcomment %}
+
+{% include components/setup-check.html %}
+
+{% if site_needs_setup %}
+<div class="alert alert-primary alert-dismissible fade show rounded-0 mb-0 py-2 text-center" role="alert" id="setup-banner">
+  <i class="bi bi-gear-wide-connected me-1"></i>
+  <strong>Almost there!</strong>
+  Your site is running with default settings.
+  <a href="{{ '/404.html' | relative_url }}" class="alert-link">Complete setup &rarr;</a>
+  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+</div>
+{% endif %}

data/_includes/components/setup-check.html

@@ -0,0 +1,53 @@
+{% comment %}
+  ===================================================================
+  SETUP CHECK - Detect unconfigured site state
+  ===================================================================
+
+  File: setup-check.html
+  Path: _includes/components/setup-check.html
+  Purpose: Provides Liquid variables to detect whether the site has been
+           configured by the user or is still running on theme defaults.
+
+  Usage:
+    {% include components/setup-check.html %}
+    {% if site_needs_setup %}
+      ... show setup guidance ...
+    {% endif %}
+
+  Detection Logic:
+    The include sets site_needs_setup to true when the site appears
+    to be running with default/unconfigured values. It checks:
+      1. Explicit site_configured: true flag (fastest path)
+      2. Whether the title is still the theme default
+      3. Whether founder/name are still theme defaults
+
+  Output Variables:
+    - site_needs_setup  : true if the site hasn't been personalised
+    - site_is_user_repo : true if this appears to be a <user>.github.io repo
+  ===================================================================
+{% endcomment %}
+
+{% comment %}
+  ── Determine if this is a user/org site (username.github.io) ──
+  User sites have an empty baseurl and a url ending in .github.io
+{% endcomment %}
+{% assign site_is_user_repo = false %}
+{% if site.baseurl == "" or site.baseurl == nil %}
+  {% if site.url contains ".github.io" %}
+    {% assign _url_path = site.url | split: "/" | last %}
+    {% unless _url_path contains "/" %}
+      {% assign site_is_user_repo = true %}
+    {% endunless %}
+  {% endif %}
+{% endif %}
+
+{% comment %}
+  ── Check if the site has been configured ──
+  Priority 1: Explicit flag in _config.yml
+  Priority 2: Heuristic — title/founder still match theme defaults
+{% endcomment %}
+{% assign site_needs_setup = false %}
+
+{% if site.site_configured == false %}
+  {% assign site_needs_setup = true %}
+{% endif %}

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

@@ -30,10 +30,10 @@
   ===================================================================
 -->
 
-<footer class="bd-footer container-xl border-top" role="contentinfo">
+<footer class="bd-footer border-top" role="contentinfo">
   <!-- Powered by Row -->
-  <div class="container row my-3">
-    <ul class="nav col-sm justify-content-end list-unstyled d-flex align-items-center" aria-label="Powered by technologies">
+  <div class="container-xl my-3">
+    <ul class="nav justify-content-end list-unstyled d-flex align-items-center flex-wrap" aria-label="Powered by technologies">
       <span class="align-start">
         &copy; {{ site.time | date: "%Y" }} {{ site.name | default: site.title }} — Powered by:
       </span>
@@ -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">
@@ -67,10 +67,9 @@
     </ul>
   </div>
 
-  <!-- Branding and Navigation Block -->
-  <div class="container row">
-    <div class="container bg-dark text-light py-5 rounded-3">
-      <div class="container">
+  <!-- Branding and Navigation Block — full-width dark background -->
+  <div class="bg-dark text-light py-5">
+    <div class="container-xl">
         <!-- Top: Site info + Quick Links + Social -->
         <div class="row mb-4">
           <!-- Site Info -->
@@ -163,10 +162,9 @@
           </div>
         </div>
 
-        <!-- Bottom: Copyright -->
-        <div class="text-center">
-          <p class="mb-0">&copy; {{ site.time | date: "%Y" }} {{ site.title | default: site.name }}. All Rights Reserved.</p>
-        </div>
+      <!-- Bottom: Copyright -->
+      <div class="text-center">
+        <p class="mb-0">&copy; {{ site.time | date: "%Y" }} {{ site.title | default: site.name }}. All Rights Reserved.</p>
       </div>
     </div>
   </div>