jekyll-theme-centos 2.52.0.beta.89 → 2.52.0.beta.90

data/_includes/base/download_architecture.html.liquid

@@ -0,0 +1,240 @@
+{% comment %}
+================================================================================
+Utility: Download Architecture Grid
+Purpose: One box per architecture, each with that architecture's own main
+download/checksum/signature and mirror links — the single per-architecture
+data source for a release. Called from download_sections.html.liquid.
+
+Required Inputs:
+- architecture: Map of architecture label (e.g. `x86_64`) to
+  {download, checksum, signature, checksum_value, signature_value,
+  mirrors: {iso, rpm, cloud, containers, vagrant, torrent}} — see
+  download_schema.yml for the full field-by-field description.
+- release_id: The parent release's unique id, combined with each
+  architecture's own label to build a page-unique id_prefix for the
+  checksum/signature rows — see download_filevalue.html.liquid's id_prefix
+  note for why that's needed.
+
+Within each box: icon + architecture title, then (if present) a Download
+button, then (if present) one input-group row each for checksum and
+signature, then (if present) the outline-primary mirror buttons — mirrors
+is always the last section, so it never carries a trailing rule.
+
+Design rationale for specific decisions lives as inline comments next to the
+code they explain: the architecture map's shape versus mirrors/flavors
+(above the grid loop below), the Download button's layout (above its
+markup), the checksum/signature row design (above the download_filevalue
+includes), and the responsive column/divider/orphan-row grid math (above
+the column-count and orphan-detection blocks immediately below).
+================================================================================
+{% endcomment %}
+
+{%- comment %} Column count tracks item count (capped at 4) so the grid always
+fills the row width, instead of a fixed row-cols-md-3 leaving a gap when there
+are only 1 or 2 architectures. {% endcomment %}
+{%- assign arch_count = include.architecture.size -%}
+{%- case arch_count -%}
+  {%- when 1 -%}{%- assign arch_cols = 1 -%}
+  {%- when 2 -%}{%- assign arch_cols = 2 -%}
+  {%- when 3 -%}{%- assign arch_cols = 3 -%}
+  {%- else -%}{%- assign arch_cols = 4 -%}
+{%- endcase -%}
+
+{%- comment %} Orphan-row detection: for each breakpoint's column count,
+figure out whether arch_count leaves a trailing partial row, and if so, the
+0-based index where that partial row starts (orphan_*_start) and the width
+each of its boxes should stretch to (orphan_*_width = 100% / remainder). A
+value of -1 means "no orphan row at this breakpoint" — every box divides
+evenly, or this breakpoint isn't reached at all (arch_cols too low).
+{% endcomment %}
+{%- assign row_cols_classes = "row-cols-1" -%}
+{%- assign arch_divider_class = "" -%}
+{%- assign orphan_sm_start = -1 -%}
+{%- assign orphan_sm_width = "" -%}
+{%- assign orphan_md_start = -1 -%}
+{%- assign orphan_md_width = "" -%}
+{%- assign orphan_lg_start = -1 -%}
+{%- assign orphan_lg_width = "" -%}
+
+{%- comment %} Steps up one column per breakpoint (1 → sm:2 → md:3 → lg:4)
+instead of jumping straight from 1 to arch_cols at a single breakpoint, so
+stretching the window grows the grid progressively rather than in one hard
+jump. Capped at arch_cols throughout — a 2-architecture release stops
+adding columns at sm and never reaches 3 or 4, so it doesn't leave empty
+gaps at wider viewports. {% endcomment %}
+{%- if arch_cols >= 2 -%}
+  {%- assign row_cols_classes = row_cols_classes | append: " row-cols-sm-2" -%}
+  {%- assign arch_divider_class = "download-arch-divider-sm" -%}
+  {%- assign remainder = arch_count | modulo: 2 -%}
+  {%- if remainder != 0 -%}
+    {%- assign orphan_sm_start = arch_count | minus: remainder -%}
+    {%- assign orphan_sm_width = "100%" -%}
+  {%- endif -%}
+{%- endif -%}
+
+{%- if arch_cols >= 3 -%}
+  {%- assign row_cols_classes = row_cols_classes | append: " row-cols-md-3" -%}
+  {%- assign arch_divider_class = "download-arch-divider-md" -%}
+  {%- assign remainder = arch_count | modulo: 3 -%}
+  {%- if remainder != 0 -%}
+    {%- assign orphan_md_start = arch_count | minus: remainder -%}
+    {%- case remainder -%}
+      {%- when 1 -%}{%- assign orphan_md_width = "100%" -%}
+      {%- else -%}{%- assign orphan_md_width = "50%" -%}
+    {%- endcase -%}
+  {%- endif -%}
+{%- endif -%}
+
+{%- if arch_cols >= 4 -%}
+  {%- assign row_cols_classes = row_cols_classes | append: " row-cols-lg-4" -%}
+  {%- assign arch_divider_class = "download-arch-divider-lg" -%}
+  {%- assign remainder = arch_count | modulo: 4 -%}
+  {%- if remainder != 0 -%}
+    {%- assign orphan_lg_start = arch_count | minus: remainder -%}
+    {%- case remainder -%}
+      {%- when 1 -%}{%- assign orphan_lg_width = "100%" -%}
+      {%- when 2 -%}{%- assign orphan_lg_width = "50%" -%}
+      {%- else -%}{%- assign orphan_lg_width = "33.33333333%" -%}
+    {%- endcase -%}
+  {%- endif -%}
+{%- endif -%}
+
+{%- comment %} Each architecture owns its own download/checksum/signature/
+mirrors row directly in the architecture map, replacing an older separate
+mirrors array (which carried its own `architecture` field per row and could
+drift out of sync with itself across rows). Alternative images (flavors,
+e.g. a desktop spin) are deliberately NOT part of this grid — a flavor is
+just another download entry, not a smaller variant of this one; model it as
+its own with_download_data entry instead (releases keyed by flavor name
+reuse the tab selector) and link the two via `documentation` or page
+content — see examples/components/download-alternative-images.md.
+{% endcomment %}
+<div class="row {{ row_cols_classes }} g-3 align-items-start">
+  {%- for arch in include.architecture %}
+  {%- assign arch_name = arch[0] %}
+  {%- assign arch_data = arch[1] %}
+  {%- comment %} Each box beyond the first in its row gets the divider
+  class for the breakpoint the grid has reached (arch_divider_class, set
+  above per breakpoint) — a border-left shown only once the grid reaches
+  its full arch_cols width, not at every intermediate step. That's
+  deliberate: forloop.index0 modulo arch_cols only identifies "first in
+  its row" correctly once the grid is actually arch_cols-wide, so dividers
+  are hidden during the narrower intermediate steps rather than risk
+  misplaced lines while the grid is still at 2 or 3 columns. A box that
+  starts a wrapped second row (5+ architectures) correctly gets no divider
+  either, same as the very first box overall. {% endcomment %}
+  {%- assign arch_row_position = forloop.index0 | modulo: arch_cols %}
+  {%- assign arch_col_class = "col" %}
+  {%- unless arch_row_position == 0 %}
+    {%- assign arch_col_class = "col " | append: arch_divider_class %}
+  {%- endunless %}
+
+  {%- assign arch_orphan_style = "" -%}
+  {%- if orphan_sm_start >= 0 and forloop.index0 >= orphan_sm_start -%}
+    {%- assign arch_col_class = arch_col_class | append: " download-arch-orphan-sm" -%}
+    {%- assign arch_orphan_style = arch_orphan_style | append: "--download-arch-orphan-sm-width: " | append: orphan_sm_width | append: ";" -%}
+  {%- endif -%}
+  {%- if orphan_md_start >= 0 and forloop.index0 >= orphan_md_start -%}
+    {%- assign arch_col_class = arch_col_class | append: " download-arch-orphan-md" -%}
+    {%- assign arch_orphan_style = arch_orphan_style | append: "--download-arch-orphan-md-width: " | append: orphan_md_width | append: ";" -%}
+  {%- endif -%}
+  {%- if orphan_lg_start >= 0 and forloop.index0 >= orphan_lg_start -%}
+    {%- assign arch_col_class = arch_col_class | append: " download-arch-orphan-lg" -%}
+    {%- assign arch_orphan_style = arch_orphan_style | append: "--download-arch-orphan-lg-width: " | append: orphan_lg_width | append: ";" -%}
+  {%- endif -%}
+
+  {%- assign has_mirrors = false %}
+  {%- if arch_data.mirrors.iso and arch_data.mirrors.iso != "" or arch_data.mirrors.rpm and arch_data.mirrors.rpm != "" or arch_data.mirrors.cloud and arch_data.mirrors.cloud != "" or arch_data.mirrors.containers and arch_data.mirrors.containers != "" or arch_data.mirrors.vagrant and arch_data.mirrors.vagrant != "" or arch_data.mirrors.torrent and arch_data.mirrors.torrent != "" %}
+    {%- assign has_mirrors = true %}
+  {%- endif %}
+  {%- comment %} arch_name is a raw YAML map key — strip the same
+  attribute/markup-breaking characters entry_title_id_safe strips in
+  download.html.liquid before it seeds arch_id_prefix, which in turn
+  becomes id/data-copy-value scoping in download_filevalue.html.liquid. {% endcomment %}
+  {%- assign arch_name_id_safe = arch_name | remove: '"' | remove: "'" | remove: '<' | remove: '>' | remove: '&' | remove: '#' | remove: '?' | remove: '/' %}
+  {%- assign arch_id_prefix = include.release_id | default: "download" | append: "-" | append: arch_name_id_safe | downcase | replace: " ", "-" %}
+  <div class="{{ arch_col_class }}"{% if arch_orphan_style != "" %} style="{{ arch_orphan_style }}"{% endif %}>
+    <div class="d-flex flex-column align-items-start p-3">
+      <div class="mb-2">
+        <div class="fs-2"><i class="fa-solid fa-microchip"></i></div>
+        <div class="h3">{{ arch_name | escape }}</div>
+      </div>
+
+      {%- assign has_download_button = false %}
+      {%- if arch_data.download and arch_data.download != "" %}
+        {%- assign has_download_button = true %}
+      {%- endif %}
+
+      {%- assign has_checksum_row = false %}
+      {%- if arch_data.checksum and arch_data.checksum != "" or arch_data.checksum_value and arch_data.checksum_value != "" %}
+        {%- assign has_checksum_row = true %}
+      {%- endif %}
+
+      {%- assign has_signature_row = false %}
+      {%- if arch_data.signature and arch_data.signature != "" or arch_data.signature_value and arch_data.signature_value != "" %}
+        {%- assign has_signature_row = true %}
+      {%- endif %}
+
+      {%- if has_download_button or has_checksum_row or has_signature_row %}
+      {%- comment %} These rows share this gap-2 flex-column wrapper so
+      spacing between whichever rows are present is handled by the gap
+      alone — no per-row conditional mt-2 class needed (Bootstrap's spacing
+      scale maps 2 to the same 0.5rem for both mt-* and gap-*, so this is a
+      visual no-op versus a conditional-margin approach, just less
+      conditional logic). {% endcomment %}
+      <div class="w-100 mb-3 pb-3 border-bottom d-flex flex-column gap-2">
+        {%- if has_download_button %}
+        {%- comment %} d-flex flex-wrap gap-2, not Bootstrap's joined
+        .btn-group, so the button reflows instead of overflowing into the
+        neighboring architecture box at narrow column widths (e.g. the
+        4-column arrangement). Reuses base/link.html.liquid, the theme's
+        canonical link/button component. {% endcomment %}
+        <div class="d-flex flex-wrap gap-2" role="group" aria-label="Primary download actions">
+          {%- include base/link.html.liquid class="btn btn-primary flex-fill text-start" role="button" name="Download" link=arch_data.download icon="fa-solid fa-download" icon_position="start" -%}
+        </div>
+        {%- endif %}
+
+        {%- if has_checksum_row %}
+        {%- comment %} checksum/signature and checksum_value/signature_value
+        are two views of the same file, merged into one input-group row
+        (rather than a link button plus a separate copy field) via
+        base/download_filevalue.html.liquid — see that file for the row's
+        own markup and its .link-primary / copy-value details.
+        {% endcomment %}
+        {%- assign checksum_display = arch_data.checksum_value | default: arch_data.checksum %}
+        {%- include base/download_filevalue.html.liquid arch_name=arch_name field=arch_data.checksum field_value=checksum_display icon="fa-solid fa-shield-halved" label="checksum" id_prefix=arch_id_prefix -%}
+        {%- endif %}
+
+        {%- if has_signature_row %}
+        {%- assign signature_display = arch_data.signature_value | default: arch_data.signature %}
+        {%- include base/download_filevalue.html.liquid arch_name=arch_name field=arch_data.signature field_value=signature_display icon="fa-solid fa-file-signature" label="signature" id_prefix=arch_id_prefix -%}
+        {%- endif %}
+      </div>
+      {%- endif %}
+
+      {%- if has_mirrors %}
+      <div class="d-flex flex-wrap gap-2">
+        {%- if arch_data.mirrors.iso and arch_data.mirrors.iso != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="ISO Mirrors" link=arch_data.mirrors.iso icon="fa-solid fa-compact-disc" icon_position="start" -%}
+        {%- endif %}
+        {%- if arch_data.mirrors.rpm and arch_data.mirrors.rpm != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="RPM Mirrors" link=arch_data.mirrors.rpm icon="fa-solid fa-box" icon_position="start" -%}
+        {%- endif %}
+        {%- if arch_data.mirrors.cloud and arch_data.mirrors.cloud != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="Cloud Images" link=arch_data.mirrors.cloud icon="fa-solid fa-cloud" icon_position="start" -%}
+        {%- endif %}
+        {%- if arch_data.mirrors.containers and arch_data.mirrors.containers != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="Container Images" link=arch_data.mirrors.containers icon="fa-solid fa-cubes" icon_position="start" -%}
+        {%- endif %}
+        {%- if arch_data.mirrors.vagrant and arch_data.mirrors.vagrant != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="Vagrant Boxes" link=arch_data.mirrors.vagrant icon="fa-solid fa-box-archive" icon_position="start" -%}
+        {%- endif %}
+        {%- if arch_data.mirrors.torrent and arch_data.mirrors.torrent != "" %}
+          {%- include base/link.html.liquid class="btn btn-outline-primary flex-fill text-start" role="button" name="Torrent" link=arch_data.mirrors.torrent icon="fa-solid fa-magnet" icon_position="start" -%}
+        {%- endif %}
+      </div>
+      {%- endif %}
+    </div>
+  </div>
+  {%- endfor %}
+</div>

data/_includes/base/download_commands.html.liquid

@@ -0,0 +1,27 @@
+{% comment %}
+================================================================================
+Utility: Download Commands List
+Purpose: Command snippets for one release, rendered as one collapsible item
+inside download_sections.html.liquid's shared documentation/commands/eol
+accordion — release-wide metadata that applies in common to every
+architecture above. Called from download_sections.html.liquid.
+
+Required Inputs:
+- commands: Array of {title, lines}
+- accordion_id: Parent accordion's id, for data-bs-parent scoping
+- item_id: This item's unique collapse id
+- expanded: true starts this item open; false starts it closed. Passed
+  through from the caller (see download_sections.html.liquid).
+================================================================================
+{% endcomment %}
+{%- capture download_commands_body -%}
+  {%- for row in include.commands %}
+    {%- if row.title and row.title != "" %}
+      <p class="mb-1">{{ row.title }}</p>
+    {%- endif %}
+    {%- if row.lines and row.lines != "" %}
+      <pre class="mb-3"><code>{{ row.lines | escape }}</code></pre>
+    {%- endif %}
+  {%- endfor %}
+{%- endcapture -%}
+{%- include base/download_accordion_item.html.liquid icon="fa-solid fa-terminal" title="Migration" item_id=include.item_id accordion_id=include.accordion_id expanded=include.expanded body=download_commands_body -%}

data/_includes/base/download_documentation.html.liquid

@@ -0,0 +1,24 @@
+{% comment %}
+================================================================================
+Utility: Download Documentation List
+Purpose: Documentation links for one release, rendered as one collapsible
+item inside download_sections.html.liquid's shared documentation/commands/
+eol/screenshots accordion — release-wide metadata that applies in common to
+every architecture above. Called from download_sections.html.liquid.
+
+Required Inputs:
+- documentation: Array of {title, link}
+- accordion_id: Parent accordion's id, for data-bs-parent scoping
+- item_id: This item's unique collapse id
+- expanded: true starts this item open; false starts it closed. Passed
+  through from the caller (see download_sections.html.liquid).
+================================================================================
+{% endcomment %}
+{%- capture download_documentation_body -%}
+  {%- for row in include.documentation %}
+  {%- if row.title and row.title != "" %}
+  {%- include base/link.html.liquid class="btn btn-outline-primary" role="button" name=row.title link=row.link icon="fa-solid fa-up-right-from-square" icon_position="start" -%}
+  {%- endif %}
+  {%- endfor %}
+{%- endcapture -%}
+{%- include base/download_accordion_item.html.liquid icon="fa-solid fa-book" title="Documentation" item_id=include.item_id accordion_id=include.accordion_id expanded=include.expanded body_class="d-flex flex-wrap gap-2" body=download_documentation_body -%}

data/_includes/base/download_eol.html.liquid

@@ -0,0 +1,29 @@
+{% comment %}
+================================================================================
+Utility: Download End-of-life List
+Purpose: End-of-life milestones for one release, rendered as one collapsible
+item inside download_sections.html.liquid's shared documentation/commands/
+eol accordion — release-wide metadata that applies in common to every
+architecture above. Called from download_sections.html.liquid.
+
+Required Inputs:
+- eol: Array of {date, description}
+- accordion_id: Parent accordion's id, for data-bs-parent scoping
+- item_id: This item's unique collapse id
+- expanded: true starts this item open; false starts it closed. Passed
+  through from the caller (see download_sections.html.liquid).
+================================================================================
+{% endcomment %}
+{%- capture download_eol_body -%}
+  <ul class="list-unstyled mb-0">
+    {%- for row in include.eol %}
+      <li class="mb-1">
+        {%- if row.date and row.date != "" -%}
+          <strong>{{ row.date }}</strong>{% if row.description and row.description != "" %} — {% endif %}
+        {%- endif -%}
+        {{ row.description }}
+      </li>
+    {%- endfor %}
+  </ul>
+{%- endcapture -%}
+{%- include base/download_accordion_item.html.liquid icon="fa-solid fa-hourglass-end" title="End-of-life" item_id=include.item_id accordion_id=include.accordion_id expanded=include.expanded body=download_eol_body -%}

data/_includes/base/download_filevalue.html.liquid

@@ -0,0 +1,68 @@
+{% comment %}
+================================================================================
+Utility: Download File Value Row
+Purpose: One input-group row pairing a link-to-file icon with its copyable
+text value — the shared shape behind the checksum and signature rows in
+download_architecture.html.liquid's per-architecture box.
+
+A page using the copy button below must set `with_copyvalue: true` in its
+front matter — base/copyvalue.html.liquid (loaded globally from
+head.html.liquid, see src/JS/copyvalue.js for the copy-btn contract) is an
+opt-in include, not a global default, despite its own schema listing `true`
+as with_copyvalue's default (that default only covers with_copyvalue_data's
+sub-fields once the feature is already on).
+
+Required Inputs:
+- arch_name:   Architecture label, used only in the input's aria-label
+               (e.g. "Checksum value for x86_64").
+- field:       The file's own URL (checksum/signature). Empty renders the
+               left icon as a non-interactive glyph instead of a link.
+- field_value: The literal value to render/copy. Callers resolve their own
+               `X_value | default: X` fallback before calling this include —
+               this include renders field_value as-is.
+- icon:        Font Awesome icon class for the left icon (e.g.
+               "fa-solid fa-shield-halved").
+- label:       Lowercase noun used in tooltip/aria-label text (e.g.
+               "checksum", "signature").
+- id_prefix:   Page-unique prefix (release id + architecture label, built by
+               download_architecture.html.liquid) combined with `label` to
+               give the `<input>` a unique id — every form field needs an id
+               or name so the browser can autofill/target it correctly, and
+               arch_name/label alone aren't page-unique (the same
+               architecture repeats across every release/tab on the page).
+
+The clickable icon-link (when `field` is present) is rendered via
+base/link.html.liquid — the theme's canonical link component — rather than a
+hand-rolled `<a>`, so it inherits that component's javascript:/data:/vbscript:
+scheme neutralization and escaping. This also means, like the Download and
+Mirror buttons in download_architecture.html.liquid, it only renders when
+`page.with_link` is true; the non-interactive `<span>` fallback below covers
+both an empty `field` and a with_link-disabled page.
+================================================================================
+{% endcomment %}
+{%- assign download_filevalue_label_cap = include.label | capitalize -%}
+{%- assign download_filevalue_id = include.id_prefix | append: "-" | append: include.label -%}
+{%- assign download_filevalue_open_text = "Open " | append: include.label | append: " file" -%}
+<div class="input-group input-group-sm">
+  {%- comment %} .link-primary is a Bootstrap utility, not a custom class —
+  it reads as a clickable link instead of the plain body-color text
+  .input-group-text renders by default, and compiles with `!important` so
+  it wins over .input-group-text's color unconditionally, no custom SCSS or
+  cascade ordering required. {% endcomment %}
+  {%- if include.field and include.field != "" %}
+  {%- include base/link.html.liquid
+      class="input-group-text link-primary text-decoration-none"
+      role="button"
+      link=include.field
+      icon=include.icon
+      aria_label=download_filevalue_open_text
+      data_bs_toggle="tooltip"
+      data_bs_title=download_filevalue_open_text -%}
+  {%- else %}
+  <span class="input-group-text"><i class="{{ include.icon }}"></i></span>
+  {%- endif %}
+  <input type="text" id="{{ download_filevalue_id }}" class="form-control font-monospace" readonly value="{{ include.field_value | escape }}" aria-label="{{ download_filevalue_label_cap }} value for {{ include.arch_name | escape }}">
+  {%- comment %} data-copy-value MUST go through `| escape` — see
+  base/copyvalue.html.liquid's own security note. {% endcomment %}
+  <span class="input-group-text copy-btn" role="button" data-copy-value="{{ include.field_value | escape }}" data-bs-toggle="tooltip" data-bs-title="Copy {{ include.label }} value" aria-label="Copy {{ include.label }} value"><span class="fa-regular fa-copy"></span></span>
+</div>

data/_includes/base/download_screenshots.html.liquid

@@ -0,0 +1,79 @@
+{% comment %}
+================================================================================
+Utility: Download Screenshots Carousel
+Purpose: Bootstrap carousel of screenshots for one release, rendered as one
+collapsible item inside download_sections.html.liquid's shared
+documentation/commands/eol/screenshots accordion — a sibling of Documentation
+and Migration, not nested inside either of them. Called from
+download_sections.html.liquid.
+
+Required Inputs:
+- screenshots: Array of {src, alt, title, description} — title/description
+  are optional; when present they render as a Bootstrap carousel caption
+  (https://getbootstrap.com/docs/5.3/components/carousel/#captions)
+  overlaid on the slide, hidden below md so it doesn't crowd small screens.
+  The caption heading is a `<div class="h5">`, not a real `<h5>` — same as
+  the accordion-item headers' `<div class="accordion-header h2">` — because
+  jekyll-toc auto-injects a "#" anchor into every real heading tag it scans,
+  which an overlaid caption doesn't want.
+- image_base_path: Resolved base path under /assets/img/ (see
+  download_schema.yml's image_base_path description)
+- release_id: Unique id of the parent tab-pane, used to scope carousel ids
+- accordion_id: Parent accordion's id, for data-bs-parent scoping
+- item_id: This item's unique collapse id
+- expanded: true starts this item open; false starts it closed. Passed
+  through from the caller (see download_sections.html.liquid).
+
+Each slide is wrapped in Bootstrap's `ratio ratio-16x9` utility, the same
+ratio artwork.html.liquid uses for its own image presentation
+(artwork_schema.yml's image_class default: `ratio ratio-16x9 rounded
+bg-dark bg-artwork`), so screenshots of any native size crop to a
+consistent 16:9 box instead of each slide having its own height.
+`object-fit-cover` on the `<img>` itself does the actual cropping — `.ratio`
+alone only stretches its child to fill the box.
+================================================================================
+{% endcomment %}
+{%- capture download_screenshots_body -%}
+  <div class="p-3">
+    <div id="carouselScreenshotsIndicators-{{ include.release_id }}" class="carousel carousel-dark slide" data-bs-ride="true">
+      <div class="carousel-indicators">
+        {%- for row in include.screenshots %}
+        <button
+          {%- if forloop.first %} class="active" aria-current="true"{% endif %}
+          type="button"
+          data-bs-target="#carouselScreenshotsIndicators-{{ include.release_id }}"
+          data-bs-slide-to="{{ forloop.index0 }}"
+          aria-label="Screenshot {{ forloop.index }}"></button>
+        {%- endfor %}
+      </div>
+      <div class="carousel-inner">
+        {%- for row in include.screenshots %}
+        <div class="carousel-item{% if forloop.first %} active{% endif %}">
+          <div class="ratio ratio-16x9">
+            <img class="object-fit-cover" src="{{ site.baseurl }}{{ include.image_base_path }}{{ row.src | escape }}" alt="{{ row.alt | escape }}" />
+          </div>
+          {%- if row.title and row.title != "" or row.description and row.description != "" %}
+          <div class="carousel-caption d-none d-md-block">
+            {%- if row.title and row.title != "" %}
+            <div class="h5">{{ row.title }}</div>
+            {%- endif %}
+            {%- if row.description and row.description != "" %}
+            <p>{{ row.description }}</p>
+            {%- endif %}
+          </div>
+          {%- endif %}
+        </div>
+        {%- endfor %}
+      </div>
+      <button class="carousel-control-prev" type="button" data-bs-target="#carouselScreenshotsIndicators-{{ include.release_id }}" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+      </button>
+      <button class="carousel-control-next" type="button" data-bs-target="#carouselScreenshotsIndicators-{{ include.release_id }}" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
+    </div>
+  </div>
+{%- endcapture -%}
+{%- include base/download_accordion_item.html.liquid icon="fa-solid fa-desktop" title="Screenshots" item_id=include.item_id accordion_id=include.accordion_id expanded=include.expanded body_class="p-0" body=download_screenshots_body -%}

data/_includes/base/download_sections.html.liquid

@@ -0,0 +1,51 @@
+{% comment %}
+================================================================================
+Utility: Download Release Sections
+Purpose: Renders one release's architecture/documentation/eol/commands/
+screenshots sections, in a fixed order, each only if its data is present.
+Shared by download.html.liquid's tabbed (multiple releases) and untabbed
+(single release) render paths, since the section content is identical either
+way — only the surrounding tab markup differs. Documentation, commands, eol,
+and screenshots render as sibling items inside one shared Bootstrap accordion
+below the architecture grid — collapsible, so they read as release-wide
+metadata that applies in common to every architecture above rather than
+disconnected trailing content. All start collapsed.
+
+Required Inputs:
+- release_data: One release's content object
+- release_id: Unique id for this release, used to scope nested element ids
+  (the documentation/commands/eol/screenshots accordion, the screenshots
+  carousel's own ids)
+- image_base_path: Resolved base path under /assets/img/
+================================================================================
+{% endcomment %}
+
+{%- if include.release_data.architecture.size > 0 %}
+  {%- include base/download_architecture.html.liquid architecture=include.release_data.architecture release_id=include.release_id -%}
+{%- endif %}
+
+{%- assign meta_accordion_id = include.release_id | append: "-meta-accordion" %}
+{%- assign meta_screenshots_id = meta_accordion_id | append: "-screenshots" %}
+{%- assign meta_documentation_id = meta_accordion_id | append: "-documentation" %}
+{%- assign meta_commands_id = meta_accordion_id | append: "-commands" %}
+{%- assign meta_eol_id = meta_accordion_id | append: "-eol" %}
+
+{%- if include.release_data.documentation.size > 0 or include.release_data.commands.size > 0 or include.release_data.eol.size > 0 or include.release_data.screenshots.size > 0 %}
+<div class="accordion accordion-flush mt-3" id="{{ meta_accordion_id }}">
+  {%- if include.release_data.screenshots.size > 0 %}
+    {%- include base/download_screenshots.html.liquid screenshots=include.release_data.screenshots image_base_path=include.image_base_path release_id=include.release_id accordion_id=meta_accordion_id item_id=meta_screenshots_id expanded=false -%}
+  {%- endif %}
+
+  {%- if include.release_data.documentation.size > 0 %}
+    {%- include base/download_documentation.html.liquid documentation=include.release_data.documentation accordion_id=meta_accordion_id item_id=meta_documentation_id expanded=false -%}
+  {%- endif %}
+
+  {%- if include.release_data.commands.size > 0 %}
+    {%- include base/download_commands.html.liquid commands=include.release_data.commands accordion_id=meta_accordion_id item_id=meta_commands_id expanded=false -%}
+  {%- endif %}
+
+  {%- if include.release_data.eol.size > 0 %}
+    {%- include base/download_eol.html.liquid eol=include.release_data.eol accordion_id=meta_accordion_id item_id=meta_eol_id expanded=false -%}
+  {%- endif %}
+</div>
+{%- endif %}

data/_includes/base/navindex.html.liquid

@@ -83,7 +83,9 @@ Data Object Properties:
             {%- endif %}
           </div>
           {%- if item.title_lead %}
-            <p class="mb-3">{{ item.title_lead }}</p>
+            {%- capture item_title_lead_source %}{{ item.title_lead | strip_newlines }}
+{: .mb-3 }{% endcapture %}
+            {{ item_title_lead_source | markdownify }}
           {%- endif %}
         </div>
       </div>
@@ -117,9 +119,9 @@ Data Object Properties:
   {%- if item.title != page.title %}
     {%- if show_page_filename == "true" %}
       {%- assign item_name = item.name | remove: '.md' %}
-      <li>{% include base/link.html.liquid name=item_name link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead }}{% endif %}</li>
+      <li>{% include base/link.html.liquid name=item_name link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}{% endif %}</li>
     {%- else %}
-      <li>{% include base/link.html.liquid name=item.title link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead }}{% endif %}</li>
+      <li>{% include base/link.html.liquid name=item.title link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}{% endif %}</li>
     {%- endif %}
   {%- endif %}
 {%- endfor %}
@@ -146,7 +148,7 @@ Data Object Properties:
             <td>{% include base/link.html.liquid name=item.title link=item.url %}</td>
           {%- endif %}
         {%- endif %}
-        <td>{{ item.title_lead }}</td>
+        <td>{{ item.title_lead | strip_newlines | markdownify }}</td>
       </tr>
     {%- endfor %}
   </tbody>
@@ -179,7 +181,7 @@ Data Object Properties:
       <tr>
         <td>{% include base/link.html.liquid name=item.component.name link=item.url %}</td>
         <td class="text-nowrap">{{ status_icon }}</td>
-        <td>{{ item.title_lead }}</td>
+        <td>{{ item.title_lead | strip_newlines | markdownify }}</td>
       </tr>
     {%- endfor %}
   </tbody>

data/_includes/base/sponsors-cards.html.liquid

@@ -16,7 +16,7 @@ Required Fields (per item in the members array):
 - url:   Sponsor website URL
 
 Optional Data Fields:
-- image_base_path: Base path for bare filenames (default: /assets/img/base/)
+- image_base_path: Base path for bare filenames (default: /assets/img/components/sponsors/)
 
 Optional Inputs (from include):
 - data: Sponsors data object (overrides all fallbacks)

data/_includes/base/sponsors-carousel.html.liquid

@@ -17,7 +17,7 @@ Required Fields (per item in the members array):
 - url:   Sponsor website URL
 
 Optional Data Fields:
-- image_base_path: Base path for bare filenames (default: /assets/img/base/)
+- image_base_path: Base path for bare filenames (default: /assets/img/components/sponsors/)
 
 Optional Inputs (from include):
 - data:       Sponsors data object (overrides all fallbacks)

data/_includes/base/title.html.liquid

@@ -63,7 +63,12 @@ Conditional Logic:
     <div class="{{ class }}">
       <p class="{{ title_class }}">{{ title }}</p>
       {% if title_lead != "" %}
-        <p class="{{ title_lead_class }}">{{ title_lead }}</p>
+        {%- assign title_lead_ial = title_lead_class | split: " " | join: " ." | prepend: "." %}
+        {%- capture title_lead_source %}{{ title_lead | strip_newlines }}
+{%- if title_lead_class and title_lead_class != "" %}
+{: {{ title_lead_ial }} }
+{%- endif %}{% endcapture %}
+        {{ title_lead_source | markdownify }}
       {% endif %}
     </div>
   </div>