jekyll-theme-centos 2.52.0.beta.94 → 2.52.0.beta.96

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d1ddd48e40839e62993220986497939549cbacca43c0c8a26020996e3520a3e6
-  data.tar.gz: dccc3f654ba6ef736e52803738dd01eb9846024e37c09e16c52ed916ad83a59b
+  metadata.gz: f5d7826e37033ad225ba8f67091b714b4486821b56ddb41b7259c9593f6f777a
+  data.tar.gz: 859ec7818eee6e8fdba4f1d97e439c2ba2318422b864f43180b1ba1b0fb6e757
 SHA512:
-  metadata.gz: 15fe51e10c40b2e264a5008e0a315d7bb79180718dd6632416ae090adeb5fe71131abed39ba5416198eaced8978f9091e8accc731c0cf115b6fadc87dc265f09
-  data.tar.gz: 67b10667ff2b8831b4fbe115f2388f496f7a8b4295d5aabdb75f7ec437143c7396afefa9b322850fcacec2eb8529cde40dbd3111acddc9207748dc53b90ab064
+  metadata.gz: 944084fc09f8ac08efc3e7d6d054b4f8e33d4a415cf2d534422dd3241c62298d132bf1e624002d0f4877ac03a189fceeb6fe5ae3cf3968af60f8741a450cbf08
+  data.tar.gz: 18e70fcc850b108ce04909d329475a2498eb77f78d07f72f17c225ce896ff34d5796d48bbf9474a24e87363b301e61ee01bab95c38946565adf627a2e65d18e0

data/_config.yml

@@ -174,10 +174,6 @@ with_link_decorator_data:
     - img
 
 with_heading_anchor: true
-with_heading_anchor_data:
-  icon: "fa-solid fa-hashtag"
-  copy_success_message: "Copied!"
-  reset_delay: 2000
 
 with_minify: true
 with_minify_data:

data/_data/base/accordion_schema.yml

@@ -0,0 +1,100 @@
+title: Accordion Component Configuration
+description: >-
+  Schema for configuring a Bootstrap accordion. `accordion.html.liquid`
+  renders the wrapper `<div class="accordion" id="...">`, given a
+  pre-rendered HTML string of one or more accordion-item includes built by
+  the caller. `accordion-item.html.liquid` renders one accordion-item
+  (header/button/collapse/body); its own defaults live under `item`, below.
+  All parameters are passed directly as include parameters when calling
+  either component.
+type: object
+properties:
+  id:
+    type: string
+    default: ""
+    description: >-
+      The wrapper's DOM id, referenced by every child accordion-item's
+      `data-bs-parent` scoping. This field is required.
+  class:
+    type: string
+    default: ""
+    description: >-
+      CSS classes applied to the wrapper `<div class="accordion ...">`
+      (e.g., `accordion-flush mt-3`, `w-100 mb-3`).
+  items:
+    type: string
+    default: ""
+    description: >-
+      Pre-rendered HTML string containing one or more `accordion-item`
+      includes, built by the caller via a `capture` tag (looping and
+      appending one accordion-item render per iteration, or capturing
+      several sibling includes together). This field is required.
+  item:
+    type: object
+    description: >-
+      Per-item defaults, used by accordion-item.html.liquid. Each accordion
+      item is rendered by its own include call — this component never
+      loops over structured item data itself.
+    properties:
+      icon:
+        type: string
+        default: ""
+        description: >-
+          Font Awesome icon class shown before the title (e.g., `fa-solid
+          fa-book`). This field is required.
+      title:
+        type: string
+        default: ""
+        description: Accordion button label text. This field is required.
+      title_class:
+        type: string
+        default: "ms-1"
+        description: >-
+          CSS classes applied to the title `<span>`, replacing the default
+          (e.g., `ms-1 fw-bold` for a bold title instead of the
+          regular-weight default).
+      item_id:
+        type: string
+        default: ""
+        description: >-
+          This item's unique collapse id, used for `data-bs-target`/`id`/
+          `aria-controls` wiring. Must be unique across the page. This
+          field is required.
+      accordion_id:
+        type: string
+        default: ""
+        description: >-
+          The parent accordion wrapper's id, used for `data-bs-parent`
+          scoping so this item collapses its siblings correctly. Must match
+          the `id` passed to accordion.html.liquid for the surrounding
+          wrapper. This field is required.
+      expanded:
+        type: boolean
+        default: false
+        description: >-
+          `true` starts this item open (`show` class,
+          `aria-expanded="true"`, button not collapsed); `false` (default)
+          starts it closed.
+      body:
+        type: string
+        default: ""
+        description: >-
+          Pre-rendered HTML string (built via a `capture` tag at the call
+          site) for the accordion-body's contents. This field is required.
+      body_class:
+        type: string
+        default: ""
+        description: >-
+          Extra CSS classes appended to `accordion-body` (e.g., `p-0` to
+          remove body padding when the content supplies its own).
+    required:
+      - icon
+      - title
+      - item_id
+      - accordion_id
+      - body
+    additionalProperties: false
+required:
+  - id
+  - items
+additionalProperties: false

data/_data/base/content.yml

@@ -1,2 +1,4 @@
 ---
-class: col
+class: "container py-3"
+row_class: "row mb-3"
+col_class: col

data/_data/base/content_schema.yml

@@ -1,15 +1,22 @@
 title: Content Section Configuration
 description: >-
-  Schema for configuring the main content display partial. This controls the
-  rendering and layout of the primary content area on a page.
+  Schema for configuring the content component, which owns the <main>
+  element in the default layout. This controls the rendering of the entire
+  main page body — the announcement, bits, event, breadcrumb, title,
+  artwork, and table of contents components nested inside <main>, followed
+  by the page's own converted Markdown or HTML content — as well as the
+  layout of that content area.
 type: object
 properties:
   with_content:
     type: boolean
     default: true
     description: >-
-      Enables or disables the rendering of the content section. Set to `true`
-      (default) to display the content area; set to `false` to hide it entirely.
+      Enables or disables the rendering of the <main> element and every
+      component nested inside it (announcement, bits, event, breadcrumb,
+      title, artwork, toc, and the page's own content). Set to `true`
+      (default) to display the main content region; set to `false` to omit
+      `<main>` entirely from the rendered page.
   with_content_data:
     type: object
     description: >-
@@ -17,10 +24,29 @@ properties:
       rendered content section.
     properties:
       class:
+        type: string
+        default: "container py-3"
+        description: >-
+          Custom Bootstrap class(es) applied to the `<main>` element itself
+          — the outermost element owned by this component. Controls the
+          outer container behavior (max-width constraint, vertical padding)
+          for the entire main page body.
+      row_class:
+        type: string
+        default: "row mb-3"
+        description: >-
+          Custom Bootstrap class(es) applied to the `div.row` that wraps the
+          content section's `div.col` container. This same class is also
+          passed to the breadcrumb, title, artwork, and toc components, so
+          every row inside `<main>` shares the same spacing.
+      col_class:
         type: string
         default: col
         description: >-
-          A Bootstrap column class used to control the width and responsiveness of the content section container (e.g., `col`, `col-md-10`, `col-lg-8`).
-          This dictates the column size within the grid system.
+          A Bootstrap column class used to control the width and
+          responsiveness of the content section's `div.col` container (e.g.,
+          `col`, `col-md-10`, `col-lg-8`). This same class is also passed to
+          the breadcrumb, title, artwork, and toc components, so the whole
+          page moves as one aligned column.
     additionalProperties: false # Added to restrict unexpected properties in the data object
 additionalProperties: false

data/_data/base/footer.yml

@@ -2,6 +2,7 @@
 #
 # site.data.base.footer - Control footer branding.
 #
+class: "footer small bg-dark text-centos-purple-100 pt-5"
 brand_image: "centos-whitelogo.svg"
 brand_image_class: ""
 brand_image_height: "32"

data/_data/base/footer_schema.yml

@@ -20,6 +20,12 @@ properties:
       defined here (in the page's front matter) override any global `footer`
       data defined in site-wide `_data` files.
     properties:
+      class:
+        type: string
+        default: "footer small bg-dark text-centos-purple-100 pt-5"
+        description: >-
+          Custom Bootstrap class(es) applied to the `<footer>` element
+          itself — the outermost element owned by this component.
       brand_image:
         type: string
         default: "centos-whitelogo.svg"

data/_data/base/heading_anchor.yml

@@ -1,2 +1,2 @@
 ---
-icon: "fa-solid fa-hashtag"
+icon: "heading-anchor-hash pe-1"

data/_data/base/heading_anchor_schema.yml

@@ -2,8 +2,8 @@
 title: Heading Anchor Component Configuration
 description: >
   Configuration for the first-class heading anchor feature of jekyll-link-decorator.
-  Each heading (h1–h6) receives a Font Awesome link icon that, when clicked, copies
-  the full page URL with fragment to the clipboard.
+  Each heading (h1–h6) receives a permalink: an anchor with a hover/focus-revealed
+  glyph, linking to the heading itself.
 type: object
 properties:
   with_heading_anchor:
@@ -12,26 +12,16 @@ properties:
     default: true
   with_heading_anchor_data:
     type: object
-    description: Configuration for heading anchor appearance and copy behaviour.
+    description: Configuration for heading anchor appearance.
     properties:
       icon:
         type: string
-        description: Font Awesome icon classes applied to the anchor icon element.
-        default: "fa-solid fa-hashtag"
+        description: >
+          CSS classes applied to the anchor's glyph element. Defaults to a plain
+          "#" character rendered via the .heading-anchor-hash class.
+        default: "heading-anchor-hash pe-1"
       icon_size:
         type: string
         description: Font Awesome size modifier appended after the icon classes.
-      copy_success_message:
-        type: string
-        description: >
-          Feedback message shown after a successful clipboard copy.
-          Consumed by heading-anchor.js via data-success-message on the script element.
-        default: "Copied!"
-      reset_delay:
-        type: integer
-        description: >
-          Milliseconds to wait before the icon resets to its original state
-          after a successful copy. Consumed by heading-anchor.js via data-reset-delay.
-        default: 2000
     additionalProperties: false
 additionalProperties: false

data/_includes/base/accordion-item.html.liquid

@@ -0,0 +1,55 @@
+{% comment %}
+================================================================================
+Template: Accordion Item Component
+Purpose: Renders a single Bootstrap accordion-item (header/button/collapse/
+body), the shared shell for one collapsible entry within an accordion.
+Pairs with accordion.html.liquid, which renders the surrounding wrapper —
+this component only renders one item; callers loop/capture as many as they
+need and pass the concatenated result to accordion.html.liquid as `items`.
+
+Design Logic:
+- Bootstrap's accordion-item/header/button/collapse/body markup, driven
+  entirely by include parameters — no data-source fallback chain
+- `item_id`/`accordion_id` scope this item's collapse behavior to the
+  caller-supplied parent accordion via `data-bs-parent`
+- `expanded` toggles the initial open/closed state across button, collapse
+  container, and ARIA attributes together
+
+Optional Inputs:
+- title_class: Classes for the title span, replacing the "ms-1" default
+  (e.g. "ms-1 fw-bold" for a bold title).
+- body_class: Extra classes appended to "accordion-body" (e.g. "p-0" to
+  remove body padding when the content supplies its own).
+
+Data Source:
+- Derived from include parameters only
+================================================================================
+{% endcomment %}
+
+{%- assign with_accordion_item_schema = site.data.base.accordion_schema.properties.item.properties %}
+
+{%- assign accordion_item_icon         = include.icon         | default: with_accordion_item_schema.icon.default %}
+{%- assign accordion_item_title        = include.title        | default: with_accordion_item_schema.title.default %}
+{%- assign accordion_item_title_class  = include.title_class  | default: with_accordion_item_schema.title_class.default %}
+{%- assign accordion_item_item_id      = include.item_id      | default: with_accordion_item_schema.item_id.default %}
+{%- assign accordion_item_accordion_id = include.accordion_id | default: with_accordion_item_schema.accordion_id.default %}
+{%- assign accordion_item_expanded     = include.expanded     | default: with_accordion_item_schema.expanded.default %}
+{%- assign accordion_item_body         = include.body          | default: with_accordion_item_schema.body.default %}
+{%- assign accordion_item_body_class   = include.body_class    | default: with_accordion_item_schema.body_class.default %}
+
+{%- comment %} === Presentation === {% endcomment %}
+{%- comment %} --- HTML --- {% endcomment -%}
+<div class="accordion-item">
+  <div class="accordion-header h2">
+    <button class="accordion-button{% unless accordion_item_expanded %} collapsed{% endunless %}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ accordion_item_item_id }}" aria-expanded="{{ accordion_item_expanded }}" aria-controls="{{ accordion_item_item_id }}">
+      <i class="{{ accordion_item_icon }} me-2"></i>
+      <span{% unless accordion_item_title_class == blank %} class="{{ accordion_item_title_class }}"{% endunless %}>{{ accordion_item_title }}</span>
+    </button>
+  </div>
+  <div id="{{ accordion_item_item_id }}" class="accordion-collapse collapse{% if accordion_item_expanded %} show{% endif %}" data-bs-parent="#{{ accordion_item_accordion_id }}">
+    <div class="accordion-body{% if accordion_item_body_class != "" %} {{ accordion_item_body_class }}{% endif %}">
+      {{ accordion_item_body }}
+    </div>
+  </div>
+</div>
+{%- comment %} trim trailing output {% endcomment -%}

data/_includes/base/accordion.html.liquid

@@ -0,0 +1,40 @@
+{% comment %}
+================================================================================
+Template: Accordion Wrapper Component
+Purpose: Renders the Bootstrap accordion wrapper `<div class="accordion"
+id="...">`, given a pre-rendered HTML string of one or more accordion-item
+includes. Pairs with accordion-item.html.liquid, which renders each
+individual item — see that file for the item-level markup. Callers build
+`items` via a capture tag: loop-and-append when the item count is dynamic
+(see bits.html.liquid), or capture several sibling accordion-item includes
+together when the items are fixed (see download_sections.html.liquid).
+
+Design Logic:
+- Wrapper only: no looping over structured item data — Jekyll's Liquid
+  include mechanism has no block/yield content-passing, so per-item body
+  content must already be caller-rendered HTML by the time it reaches this
+  component
+- `id` is the scoping anchor every child accordion-item's `accordion_id`
+  parameter must match, via `data-bs-parent`
+
+Optional Inputs:
+- class: Extra classes appended to "accordion" (e.g. "accordion-flush
+  mt-3", "w-100 mb-3").
+
+Data Source:
+- Derived from include parameters only
+================================================================================
+{% endcomment %}
+
+{%- assign with_accordion_schema = site.data.base.accordion_schema.properties %}
+
+{%- assign accordion_id    = include.id    | default: with_accordion_schema.id.default %}
+{%- assign accordion_class = include.class | default: with_accordion_schema.class.default %}
+{%- assign accordion_items = include.items | default: with_accordion_schema.items.default %}
+
+{%- comment %} === Presentation === {% endcomment %}
+{%- comment %} --- HTML --- {% endcomment -%}
+<div class="accordion{% if accordion_class != "" %} {{ accordion_class }}{% endif %}" id="{{ accordion_id }}">
+{{- accordion_items -}}
+</div>
+{%- comment %} trim trailing output {% endcomment -%}

data/_includes/base/artwork.html.liquid

@@ -19,6 +19,9 @@ Optional Inputs:
 - data: Artwork data object (overrides fallbacks)
 - column_class: Bootstrap column class for the row wrapper (set by the layout to
   keep this component aligned with the content column; defaults to "col")
+- row_class: Bootstrap class(es) for the row wrapper (set by the layout to
+  keep this component's row aligned with breadcrumb, title, toc, and
+  content; defaults to "row mb-3")
 
 Data Source Hierarchy (priority):
 1. include.data
@@ -49,9 +52,10 @@ Data Source Hierarchy (priority):
 {%- assign artwork_class       = with_artwork_data.class       | default: with_artwork_schema.class.default %}
 {%- assign artwork_image_class = with_artwork_data.image_class | default: with_artwork_schema.image_class.default %}
 {%- assign column_class        = include.column_class | default: 'col' %}
+{%- assign row_class           = include.row_class | default: 'row mb-3' %}
 
 {%- comment %} --- HTML --- {% endcomment %}
-<div class="row mb-3">
+<div class="{{ row_class }}">
   <div class="{{ column_class }}">
     <div class="{{ artwork_class }}">
       <div class="{{ artwork_image_class }}" role="img" aria-label="{{ artwork_alt }}"></div>

data/_includes/base/bits.html.liquid

@@ -167,20 +167,37 @@ Data Source Hierarchy (priority order):
         {%- endcapture %}
 
         {%- capture downstream_bit_media %}
+          {% if downstream_bit.screenshot and downstream_bit.screenshot != "" %}
           <div class="bg-{{ upstream_bit_color }} rounded-top">
             <img src="{{ site.baseurl }}/assets/img/{{ downstream_bit.screenshot }}" class="{{ downstream_item_img_class }}" alt="{{ downstream_bit.screenshot }}">
           </div>
+          {% endif %}
         {%- endcapture %}
 
         {%- if upstream_bit_downstream_style == "accordion" %}
           {%- assign downstream_bit_id = downstream_bit.name | replace: " ", "" | capitalize %}
           {%- assign downstream_item_id = downstream_accordion_id | append: "-" | append: downstream_bit_id %}
+          {%- capture downstream_bit_actions_full %}
+            {%- if downstream_bit.actions.size > 0 %}
+            <div class="{{ upstream_bit_actions_class }}">
+              {%- for downstream_bit_action in downstream_bit.actions %}
+                {%- include base/link.html.liquid
+                name          = downstream_bit_action.name
+                link          = downstream_bit_action.link
+                class         = upstream_bit_btn_class
+                icon          = downstream_bit_action.icon
+                icon_position = downstream_bit_action.icon_position
+                -%}
+              {%- endfor %}
+            </div>
+            {%- endif %}
+          {%- endcapture %}
           {%- capture downstream_bit_body %}
             {{- downstream_bit_media | strip -}}
             <p class="card-text mt-3">{{ downstream_bit.description }}</p>
-            {{ downstream_bit_action_button }}
+            {{ downstream_bit_actions_full }}
           {%- endcapture %}
-          {%- include base/accordion_item.html.liquid
+          {%- include base/accordion-item.html.liquid
           icon          = downstream_bit.icon
           title         = downstream_bit.name
           item_id       = downstream_item_id
@@ -205,7 +222,7 @@ Data Source Hierarchy (priority order):
     {%- endcapture %}
 
     {%- if upstream_bit_downstream_style == "accordion" %}
-      <div class="accordion w-100 mb-3" id="{{ downstream_accordion_id }}">{{- downstream_items_html -}}</div>
+      {%- include base/accordion.html.liquid id=downstream_accordion_id class="w-100 mb-3" items=downstream_items_html -%}
     {%- else %}
       <div class="row w-100 mb-3 g-2">{{- downstream_items_html -}}</div>
     {%- endif %}

data/_includes/base/breadcrumb.html.liquid

@@ -22,6 +22,9 @@ Optional Inputs:
 - with_breadcrumb_data.arialabel: aria-label for the <nav> element (default: "breadcrumb")
 - column_class (include param): Bootstrap column class for the row wrapper (set by
   the layout to keep this component aligned with the content column; defaults to "col")
+- row_class (include param): Bootstrap class(es) for the row wrapper (set by
+  the layout to keep this component's row aligned with title, artwork, toc,
+  and content; defaults to "row mb-3")
 
 Data Source Hierarchy:
 - with_breadcrumb: include.with_breadcrumb → page.with_breadcrumb
@@ -50,10 +53,11 @@ Data Source Hierarchy:
 {%- assign detected_locale = page.locale | default: 'en' %}
 
 {%- assign column_class = include.column_class | default: 'col' %}
+{%- assign row_class = include.row_class | default: 'row mb-3' %}
 
-<div class="row small mb-3">
+<div class="{{ row_class }}">
   <div class="{{ column_class }}">
-    <nav aria-label="{{ with_breadcrumb_data.arialabel | default: with_breadcrumb_schema.arialabel.default | default: 'breadcrumb' }}">
+    <nav class="small" aria-label="{{ with_breadcrumb_data.arialabel | default: with_breadcrumb_schema.arialabel.default | default: 'breadcrumb' }}">
       <ol class="breadcrumb mb-0">
         {%- comment %} Home link - adjust for locale {%- endcomment %}
         {%- if detected_locale == 'en' or detected_locale == '' %}

data/_includes/base/color-table.html.liquid

@@ -1,3 +1,4 @@
+<div class="table-responsive bg-light border rounded mb-3">
 <table class="table dataTable">
   <thead>
     <tr>
@@ -34,3 +35,4 @@
 {%- endfor %}
   </tbody>
 </table>
+</div>

data/_includes/base/content.html.liquid

@@ -8,19 +8,49 @@
 | default: site.data.base.content
 -%}
 
+{%- assign content_schema_key = "content_schema" %}
+{%- assign content_schema     = include.schema
+| default: site.data[content_schema_key]
+| default: site.data.base[content_schema_key]
+-%}
+
+{%- assign class = include.class
+| default: with_content_data.class
+| default: content_schema.properties.with_content_data.properties.class.default
+| default: 'container py-3' -%}
+
+{%- assign row_class = include.row_class
+| default: with_content_data.row_class
+| default: content_schema.properties.with_content_data.properties.row_class.default
+| default: 'row mb-3' -%}
+
+{%- assign col_class = include.col_class
+| default: with_content_data.col_class
+| default: content_schema.properties.with_content_data.properties.col_class.default
+| default: 'col' -%}
+
 {%- if with_content -%}
-  {%- assign content_schema_key = "content_schema" %}
-  {%- assign content_schema     = include.schema
-  | default: site.data[content_schema_key]
-  | default: site.data.base[content_schema_key]
-  -%}
-  {%- assign class = include.column_class
-  | default: with_content_data.class
-  | default: content_schema.properties.with_content_data.properties.class.default
-  | default: 'col' -%}
-  <div class="row mb-3">
-    <div class="{{ class }} content">
+<main class="{{ class }}">
+
+  {%- include base/announcement.html.liquid %}
+
+  {% include base/bits.html.liquid %}
+
+  {% include base/event.html.liquid %}
+
+  {% include base/breadcrumb.html.liquid column_class=col_class row_class=row_class %}
+
+  {% include base/title.html.liquid column_class=col_class row_class=row_class %}
+
+  {% include base/artwork.html.liquid column_class=col_class row_class=row_class %}
+
+  {% include base/toc.html.liquid column_class=col_class row_class=row_class %}
+
+  <div class="{{ row_class }}">
+    <div class="{{ col_class }} content">
       {{ content }}
     </div>
   </div>
+
+</main>
 {%- endif -%}

data/_includes/base/download_commands.html.liquid

@@ -24,4 +24,4 @@ Required Inputs:
     {%- endif %}
   {%- endfor %}
 {%- endcapture -%}
-{%- include base/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 -%}
+{%- include base/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

@@ -55,4 +55,4 @@ kinds doesn't end up with paragraphs breaking up a button row.
   {%- if download_documentation_prose_stripped != "" %}{{ download_documentation_prose }}{%- endif %}
   {%- if download_documentation_buttons_stripped != "" %}<div class="d-flex flex-wrap gap-2">{{ download_documentation_buttons }}</div>{%- endif %}
 {%- endcapture -%}
-{%- include base/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=download_documentation_body -%}
+{%- include base/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=download_documentation_body -%}

data/_includes/base/download_eol.html.liquid

@@ -26,4 +26,4 @@ Required Inputs:
     {%- endfor %}
   </ul>
 {%- endcapture -%}
-{%- include base/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 -%}
+{%- include base/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_screenshots.html.liquid

@@ -108,4 +108,4 @@ row too.
     </div>
   </div>
 {%- endcapture -%}
-{%- include base/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 -%}
+{%- include base/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

@@ -31,7 +31,7 @@ Required Inputs:
 {%- 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 }}">
+  {%- capture meta_accordion_items %}
   {%- 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 %}
@@ -47,5 +47,6 @@ Required Inputs:
   {%- 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>
+  {%- endcapture %}
+  {%- include base/accordion.html.liquid id=meta_accordion_id class="accordion-flush mt-3" items=meta_accordion_items -%}
 {%- endif %}

data/_includes/base/footer.html.liquid

@@ -10,16 +10,17 @@
 
 {%- if with_footer -%}
 
-<footer class="footer small bg-dark text-centos-purple-100 pt-5">
-
 {%- assign with_footer_schema = site.data.base.footer_schema.properties.with_footer_data.properties %}
 
+{%- assign footer_class                     = with_footer_data.class                     | default: with_footer_schema.class.default %}
 {%- assign footer_brand_image               = with_footer_data.brand_image               | default: with_footer_schema.brand_image.default %}
 {%- assign footer_brand_image_class         = with_footer_data.brand_image_class         | default: with_footer_schema.brand_image_class.default %}
 {%- assign footer_brand_image_height        = with_footer_data.brand_image_height        | default: with_footer_schema.brand_image_height.default %}
 {%- assign footer_brand_manifestation       = with_footer_data.brand_manifestation       | default: with_footer_schema.brand_manifestation.default %}
 {%- assign footer_brand_manifestation_class = with_footer_data.brand_manifestation_class | default: with_footer_schema.brand_manifestation_class.default %}
 
+<footer class="{{ footer_class }}">
+
 <div class="container">
   <div class="row justify-content-between align-items-start gx-5">
     <div class="col-sm-12 col-lg-4">

data/_includes/base/head.html.liquid

@@ -29,7 +29,6 @@ Optional Inputs:
 - page.with_breakingnews_data: Array of breaking news items
 - page.with_backtotop: Include back-to-top button (boolean)
 - page.with_copyvalue: Include copy-to-clipboard behavior (boolean)
-- page.with_heading_anchor: Include heading anchor copy behavior (boolean)
 - page.theme_color, site.theme_color: Override browser chrome color (default: #A54C93)
 ================================================================================
 {% endcomment %}
@@ -141,5 +140,4 @@ Uses CSS custom properties for cleaner, more maintainable dynamic styling.
 {%- comment %} JavaScript UI behavior components — depend on Bootstrap and FontAwesome SVG+JS {%- endcomment %}
 {%- include base/backtotop.html.liquid %}
 {%- include base/copyvalue.html.liquid %}
-{%- include base/heading_anchor.html.liquid %}
 </head>

data/_includes/base/navindex.html.liquid

@@ -130,6 +130,7 @@ Data Object Properties:
 
 {% capture table %}
 {% assign show_page_filename = include.show_page_filename | default: "false" %}
+<div class="table-responsive bg-light border rounded mb-3">
 <table class="table dataTable">
   <thead>
     <tr>
@@ -148,14 +149,16 @@ Data Object Properties:
             <td>{% include base/link.html.liquid name=item.title link=item.url %}</td>
           {%- endif %}
         {%- endif %}
-        <td>{{ item.title_lead | strip_newlines | markdownify }}</td>
+        <td>{{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}</td>
       </tr>
     {%- endfor %}
   </tbody>
 </table>
+</div>
 {%- endcapture %}
 
 {% capture component_table %}
+<div class="table-responsive bg-light border rounded mb-3">
 <table class="table dataTable">
   <thead>
     <tr>
@@ -181,11 +184,12 @@ 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 | strip_newlines | markdownify }}</td>
+        <td>{{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}</td>
       </tr>
     {%- endfor %}
   </tbody>
 </table>
+</div>
 {% endcapture %}
 
 {% case format %}

data/_includes/base/title.html.liquid

@@ -24,6 +24,9 @@ Optional Inputs (from include):
 - data: Title configuration object
 - column_class: Bootstrap column class for the row wrapper (set by the layout to
   keep this component aligned with the content column; defaults to "col")
+- row_class: Bootstrap class(es) for the row wrapper (set by the layout to
+  keep this component's row aligned with breadcrumb, artwork, toc, and
+  content; defaults to "row mb-3")
 
 Data Source Hierarchy (in priority order):
 1. include.data       - Explicitly passed configuration
@@ -57,8 +60,9 @@ Conditional Logic:
 {%- assign title_lead       = with_title_data.title_lead       | default: page.title_lead %}
 {%- assign title_lead_class = with_title_data.title_lead_class | default: with_title_schema.title_lead_class.default %}
 {%- assign column_class     = include.column_class | default: 'col' %}
+{%- assign row_class        = include.row_class | default: 'row mb-3' %}
 
-<div class="row mb-3">
+<div class="{{ row_class }}">
   <div class="{{ column_class }}">
     <div class="{{ class }}">
       <p class="{{ title_class }}">{{ title }}</p>

data/_includes/base/toc.html.liquid

@@ -33,6 +33,9 @@ Optional Inputs (from include):
 - data: TOC configuration object
 - column_class: Bootstrap column class for the row wrapper (set by the layout to
   keep this component aligned with the content column; defaults to "col")
+- row_class: Bootstrap class(es) for the row wrapper (set by the layout to
+  keep this component's row aligned with breadcrumb, title, artwork, and
+  content; defaults to "row mb-3")
 
 Data Source Hierarchy (in priority order):
 - with_toc:      include.with_toc → page.with_toc
@@ -62,11 +65,12 @@ Data Source Hierarchy (in priority order):
 {%- assign skip_no_ids       = with_toc_data.skip_no_ids       | default: with_toc_schema["skip_no_ids"].default %}
 {%- assign flat_toc          = with_toc_data.flat_toc          | default: with_toc_schema["flat_toc"].default %}
 {%- assign column_class      = include.column_class | default: 'col' %}
+{%- assign row_class         = include.row_class | default: 'row mb-3' %}
 
 {%- comment %} === Presentation === {% endcomment %}
 
 {%- comment %} --- HTML ---  {% endcomment %}
-<div class="row mb-3">
+<div class="{{ row_class }}">
   <div class="{{ column_class }}">
     <div class="accordion shadow-sm" id="pageToc">
       <div class="accordion-item">

data/_layouts/base/default.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="{{ page.lang | default: 'en' }}"{% if page.with_ogp %} prefix="og: https://ogp.me/ns#"{% endif %}>
   {% include base/head.html.liquid -%}
-  <body id="top" class="bg-body{% if page.with_navbar %} has-navbar{% endif %}">
+  <body id="top" class="{{ page.body_class | default: 'bg-body' }}{% if page.with_navbar %} has-navbar{% endif %}">
 
     {% include base/navbar.html.liquid -%}
 
@@ -9,34 +9,7 @@
 
     {% include base/breakingnews.html.liquid -%}
 
-    {%- assign with_content_data = page.with_content_data
-    | default: site.data.content
-    | default: site.data.base.content
-    -%}
-    {%- assign content_schema = site.data.content_schema | default: site.data.base.content_schema -%}
-    {%- assign content_class = with_content_data.class
-    | default: content_schema.properties.with_content_data.properties.class.default
-    | default: 'col' -%}
-
-    <main class="container py-3">
-
-      {%- include base/announcement.html.liquid %}
-
-      {% include base/bits.html.liquid %}
-
-      {% include base/event.html.liquid %}
-
-      {% include base/breadcrumb.html.liquid column_class=content_class %}
-
-      {% include base/title.html.liquid column_class=content_class %}
-
-      {% include base/artwork.html.liquid column_class=content_class %}
-
-      {% include base/toc.html.liquid column_class=content_class %}
-
-      {% include base/content.html.liquid column_class=content_class %}
-
-    </main>
+    {% include base/content.html.liquid %}
 
     {% include base/footer.html.liquid %}
   </body>

data/_sass/base/_customization.scss

@@ -281,13 +281,13 @@ main {
     opacity: 1;
     transform: translateX(-100%);
   }
-  .heading-anchor.is-active {
-    opacity: 1 !important;
-    visibility: visible !important;
-    transform: translateX(-100%) !important;
+  // Plain "#" glyph — replaces the Font Awesome icon so this component has no
+  // icon-font dependency; font-style reset since it's text, not an icon glyph.
+  .heading-anchor-hash {
+    font-style: normal;
   }
-  .heading-anchor.is-active i {
-    color: var(--bs-primary);
+  .heading-anchor-hash::before {
+    content: "#";
   }
 
   // Accordion containers' bottom clearance — same as the headings/figure

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.94
+  version: 2.52.0.beta.96
 platform: ruby
 authors:
 - Alain Reguera Delgado
@@ -280,6 +280,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - _config.yml
+- _data/base/accordion_schema.yml
 - _data/base/announcement_schema.yml
 - _data/base/artwork_schema.yml
 - _data/base/backtotop_schema.yml
@@ -326,7 +327,8 @@ files:
 - _data/base/sponsors_schema.yml
 - _data/base/title_schema.yml
 - _data/base/toc_schema.yml
-- _includes/base/accordion_item.html.liquid
+- _includes/base/accordion-item.html.liquid
+- _includes/base/accordion.html.liquid
 - _includes/base/announcement.html.liquid
 - _includes/base/artwork.html.liquid
 - _includes/base/backtotop.html.liquid
@@ -356,7 +358,6 @@ files:
 - _includes/base/fontawesome.html.liquid
 - _includes/base/footer.html.liquid
 - _includes/base/head.html.liquid
-- _includes/base/heading_anchor.html.liquid
 - _includes/base/highlight.html.liquid
 - _includes/base/image.html.liquid
 - _includes/base/link.html.liquid
@@ -516,7 +517,6 @@ files:
 - assets/js/base/backtotop.js
 - assets/js/base/copyvalue.js
 - assets/js/base/datatable.js
-- assets/js/base/heading-anchor.js
 - assets/js/base/highlight.js
 - assets/js/base/init-tooltips.js
 - assets/js/bootstrap.bundle.js

data/_includes/base/accordion_item.html.liquid

@@ -1,40 +0,0 @@
-{% comment %}
-================================================================================
-Utility: Accordion Item
-Purpose: The Bootstrap accordion-item/header/button/collapse/body shell,
-shared across components. Used by the four sibling sections below a
-release's architecture grid (Screenshots, Documentation, Migration,
-End-of-life — see download_sections.html.liquid for how these compose into
-one shared accordion) and by the bits component's accordion downstream
-style (see bits.html.liquid). Body content is built by the caller via a
-capture tag and passed in as a pre-rendered HTML string, since Jekyll's
-Liquid include mechanism has no block/yield content-passing.
-
-Required Inputs:
-- icon:         Font Awesome icon class shown before the title.
-- title:        Accordion button label text.
-- item_id:      This item's unique collapse id.
-- accordion_id: Parent accordion's id, for data-bs-parent scoping.
-- expanded:     true starts this item open; false starts it closed.
-- body:         Pre-rendered HTML string (built via a capture tag at the
-                call site) for the accordion-body's contents.
-
-Optional Inputs:
-- body_class: Extra classes appended to "accordion-body" (e.g.
-              "d-flex flex-wrap gap-2", "p-0"). Omit for a plain
-              accordion-body.
-================================================================================
-{% endcomment %}
-<div class="accordion-item">
-  <div class="accordion-header h2">
-    <button class="accordion-button{% unless include.expanded %} collapsed{% endunless %}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ include.item_id }}" aria-expanded="{{ include.expanded }}" aria-controls="{{ include.item_id }}">
-      <i class="{{ include.icon }} me-2"></i>
-      <span class="ms-1 fw-bold">{{ include.title }}</span>
-    </button>
-  </div>
-  <div id="{{ include.item_id }}" class="accordion-collapse collapse{% if include.expanded %} show{% endif %}" data-bs-parent="#{{ include.accordion_id }}">
-    <div class="accordion-body{% if include.body_class and include.body_class != "" %} {{ include.body_class }}{% endif %}">
-      {{ include.body }}
-    </div>
-  </div>
-</div>

data/_includes/base/heading_anchor.html.liquid

@@ -1,67 +0,0 @@
-{% comment %}
-================================================================================
-Template: Heading Anchor Component
-Purpose: Loads heading-anchor.js which wires click-to-copy behaviour on anchor
-icons that jekyll-link-decorator injects inside h1–h6 elements. Clicking an
-anchor icon copies the full page URL (origin + pathname + fragment) to the
-clipboard, with a transient fa-check icon as visual feedback.
-
-Recommended Usage (in head.html.liquid):
-  {%- include base/heading_anchor.html.liquid %}
-
-The heading anchor icons themselves are injected by the jekyll-link-decorator
-Ruby plugin. This include only loads the JavaScript that powers copy behaviour.
-
-Required Inputs (from HTML elements produced by the plugin):
-- class="heading-anchor"   : Selector used to attach click handlers
-- data-copy-anchor="#id"   : Fragment to append to the current page URL
-
-Optional Inputs (from data objects):
-- reset_delay              : Milliseconds before icon resets (default from schema)
-- copy_success_message     : Not consumed by JS directly; available for reference
-
-Data Source Hierarchy (in priority order):
-1. include.data                    - Explicitly passed configuration
-2. page.with_heading_anchor_data   - Page front matter
-3. site.data.heading_anchor        - Site configuration
-4. site.data.base.heading_anchor   - Theme defaults
-
-Dependencies:
-jekyll-link-decorator gem, FontAwesome 6+, Clipboard API (modern browsers)
-================================================================================
-{% endcomment %}
-
-{%- assign with_heading_anchor = include.with_heading_anchor
-| default: page.with_heading_anchor
-| default: site.with_heading_anchor
--%}
-
-{%- assign with_heading_anchor_data = include.data
-| default: page.with_heading_anchor_data
-| default: site.data.heading_anchor
-| default: site.data.base.heading_anchor
--%}
-
-{%- assign with_heading_anchor_schema = site.data.base.heading_anchor_schema.properties.with_heading_anchor_data.properties -%}
-
-{%- if with_heading_anchor -%}
-
-{%- comment %} === Presentation === {% endcomment %}
-
-{%- comment %} --- Defaults --- {% endcomment %}
-{%- assign heading_anchor_reset_delay       = with_heading_anchor_data.reset_delay          | default: with_heading_anchor_schema.reset_delay.default -%}
-{%- assign heading_anchor_success_message   = with_heading_anchor_data.copy_success_message | default: with_heading_anchor_schema.copy_success_message.default -%}
-
-{%- comment %} --- HTML --- {% endcomment %}
-<!-- Load Heading Anchor functionality with configuration via data attributes -->
-<script id="centos-heading-anchor"
-        {%- if with_heading_anchor_data.reset_delay %}
-        data-reset-delay="{{ heading_anchor_reset_delay }}"
-        {%- endif %}
-        {%- if with_heading_anchor_data.copy_success_message %}
-        data-success-message="{{ heading_anchor_success_message }}"
-        {%- endif %}
-        src="{{ site.baseurl }}/assets/js/base/heading-anchor.min.js"
-        defer></script>
-
-{%- endif -%}

data/assets/js/base/heading-anchor.js

@@ -1,109 +0,0 @@
-// Heading Anchor Component — requires Bootstrap >= 5.3 (tooltip.setContent) and Font Awesome 6+
-
-document.addEventListener('DOMContentLoaded', () => {
-  if (typeof bootstrap === 'undefined') {
-    console.warn('heading-anchor: Bootstrap not available')
-    return
-  }
-
-  const DEFAULT_TEXT = 'Copy link'
-  const scriptEl = document.getElementById('centos-heading-anchor')
-  const RESET_DELAY = scriptEl?.dataset.resetDelay
-    ? parseInt(scriptEl.dataset.resetDelay, 10) : 2000
-  const SUCCESS_TEXT = scriptEl?.dataset.successMessage || 'Copied!'
-
-  // One shared region: multiple regions would cause simultaneous AT announcements per anchor.
-  let liveRegion = document.getElementById('centos-heading-anchor-live')
-  if (!liveRegion) {
-    liveRegion = document.createElement('div')
-    liveRegion.id = 'centos-heading-anchor-live'
-    liveRegion.setAttribute('aria-live', 'polite')
-    liveRegion.setAttribute('aria-atomic', 'true')
-    liveRegion.className = 'visually-hidden'
-    document.body.appendChild(liveRegion)
-  }
-
-  document.querySelectorAll('.heading-anchor[data-copy-anchor]').forEach(anchor => {
-    // FA SVG+JS replaces <i> with <svg> before this DOMContentLoaded fires.
-    // Cache innerHTML after FA has processed so it can be restored on reset.
-    const originalIconHTML = anchor.innerHTML
-    // Guards blur/mouseenter handlers from collapsing the tooltip during the success window.
-    let isLocked = false
-
-    const tooltip = new bootstrap.Tooltip(anchor, {
-      title: DEFAULT_TEXT,
-      trigger: 'manual',   // CSS sets pointer-events:none on hidden anchors, defeating Bootstrap's auto hover/focus triggers.
-      placement: 'top',
-      animation: false     // Prevents Bootstrap's fade and the CSS opacity transition from desyncing.
-    })
-
-    const updateUI = (isSuccess) => {
-      tooltip.setContent({ '.tooltip-inner': isSuccess ? SUCCESS_TEXT : DEFAULT_TEXT })
-      if (isSuccess) {
-        // FA SVG+JS mode: <i> has been replaced by <svg>; swap the path to a checkmark.
-        const svg = anchor.querySelector('svg')
-        if (svg) {
-          const path = svg.querySelector('path')
-          if (path) {
-            svg.setAttribute('viewBox', '0 0 448 512')
-            path.setAttribute('d', 'M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z')
-          }
-        } else {
-          // FA webfont mode: <i> is still in the DOM; toggle classes normally.
-          const icon = anchor.querySelector('i')
-          if (icon) { icon.classList.remove('fa-hashtag'); icon.classList.add('fa-check') }
-        }
-      } else {
-        anchor.innerHTML = originalIconHTML
-      }
-      anchor.classList.toggle('is-active', isSuccess)
-      // Empty string on reset prevents AT from re-announcing stale text on DOM inspection.
-      liveRegion.textContent = isSuccess ? SUCCESS_TEXT : ''
-      if (isSuccess) tooltip.show()
-    }
-
-    const handleInteraction = (show) => {
-      if (!isLocked) show ? tooltip.show() : tooltip.hide()
-    }
-
-    anchor.addEventListener('mouseenter', () => handleInteraction(true))
-    anchor.addEventListener('mouseleave', () => handleInteraction(false))
-    anchor.addEventListener('focus', () => handleInteraction(true))
-    anchor.addEventListener('blur', () => handleInteraction(false))
-
-    anchor.addEventListener('click', async (e) => {
-      e.preventDefault()
-      anchor.closest('h1, h2, h3, h4, h5, h6')?.scrollIntoView()
-      if (isLocked) return
-
-      if (!navigator.clipboard) {
-        console.warn('heading-anchor: Clipboard API unavailable')
-        return
-      }
-
-      const url = window.location.origin + window.location.pathname + anchor.dataset.copyAnchor
-
-      try {
-        await navigator.clipboard.writeText(url)
-        isLocked = true
-        // isLocked must be true before blur() so the resulting blur event is suppressed
-        // and does not hide the tooltip before the success state has been rendered.
-        anchor.blur()
-        updateUI(true)
-
-        setTimeout(() => {
-          isLocked = false
-          updateUI(false)
-          // mouseleave/blur events fired while isLocked was true were suppressed;
-          // hide now if the user already moved away during the success window.
-          if (!anchor.matches(':hover')) tooltip.hide()
-        }, RESET_DELAY)
-
-      } catch (err) {
-        console.warn('heading-anchor: clipboard write failed', err)
-        isLocked = false
-        anchor.innerHTML = originalIconHTML
-      }
-    })
-  })
-})