jekyll-theme-centos 2.52.0.beta.3 → 2.52.0.beta.5

data/_includes/base/project.html.liquid

@@ -0,0 +1,90 @@
+{% comment %}
+================================================================================
+Template: Project Showcase Component
+Purpose: Renders a full-width project/product hero section with featured
+content and supplementary resource links.
+================================================================================
+
+Design Logic:
+- Hero-style layout: full-width container with dark background
+- Wraps card component for flexible content presentation
+- Dark theme (text-bg-dark) for high contrast and visual prominence
+- Resource section for downloadable/related content links
+- Data source hierarchy enables both page-level and site-level config
+- Container-based layout for max-width constraint on large screens
+- Reuses link component for action and resource buttons
+
+Optional Inputs:
+- data: Project data object (overrides all fallbacks)
+- project.name, description, icon, image, screenshot: Content
+- project.actions, resources: Arrays of buttons [{name, url, icon}]
+
+Data Source Hierarchy (priority):
+1. include.data
+2. page.with_project_data
+3. site.data.project
+4. site.data.base.project
+================================================================================
+{% endcomment %}
+
+{%- assign project = include.data | default: page.with_project_data | default: site.data.project | default: site.data.base.project %}
+
+{% assign project_class               = project.class               | default: "flex-column text-bg-dark bg-image" %}
+{% assign project_screenshot          = project.screenshot          | default: nil %}
+{% assign project_screenshot_class    = project.screenshot_class    | default: nil %}
+{% assign project_screenshot_alt      = project.screenshot_alt      | default: nil %}
+{% assign project_image               = project.image               | default: nil %}
+{% assign project_image_alt           = project.image_alt           | default: nil %}
+{% assign project_image_class         = project.image_class         | default: "img-fluid mb-3" %}
+{% assign project_image_style         = project.image_style         | default: nil %}
+{% assign project_icon                = project.icon                | default: nil %}
+{% assign project_icon_class          = project.icon_class          | default: "display-3 fw-bold mb-1" %}
+{% assign project_name                = project.name                | default: nil %}
+{% assign project_name_class          = project.name_class          | default: "display-3 fw-bold mb-1" %}
+{% assign project_description         = project.description         | default: nil %}
+{% assign project_description_class   = project.description_class   | default: "lead mb-3 text-center" %}
+{% assign project_actions             = project.actions             | default: nil %}
+{% assign project_actions_class       = project.actions_class       | default: "mb-3" %}
+{% assign project_actions_btn_class   = project.actions_btn_class   | default: "btn text-nowrap m-1 btn-" %}
+{% assign project_resources           = project.resources           | default: nil %}
+{% assign project_resources_class     = project.resources_class     | default: "gap-2 d-md-flex justify-content-lg-center bg-dark p-2 rounded-top" %}
+{% assign project_resources_btn_class = project.resources_btn_class | default: "btn text-start text-nowrap btn-dark" %}
+
+<div class="d-flex{% if project_class != "" %} {{ project_class }}{% endif %}">
+  <div class="container pt-5">
+    {% include base/card.html.liquid
+          class             = "flex-column align-items-center pb-3"
+          color             = "primary"
+          screenshot        = project_screenshot
+          screenshot_class  = project_screenshot_class
+          screenshot_alt    = project_screenshot_alt
+          image             = project_image
+          image_class       = project_image_class
+          image_style       = project_image_style
+          image_alt         = project_image_alt
+          icon              = project_icon
+          icon_class        = project_icon_class
+          name              = project_name
+          name_class        = project_name_class
+          description       = project_description
+          description_class = project_description_class
+          actions           = project_actions
+          actions_btn_class = project_actions_btn_class
+          actions_class     = project_actions_class
+    %}
+    {%- if project_resources.size > 0 %}
+    <div class="d-grid{% if project_resources_class %} {{ project_resources_class }}{% endif %}">
+      {%- for resource in project_resources %}
+        {% include base/link.html.liquid
+            class         = project_resources_btn_class
+            role          = "button"
+            name          = resource.name
+            link          = resource.link
+            icon          = resource.icon
+            icon_position = resource.icon_position
+        %}
+      {%- endfor %}
+    </div>
+    {%- endif %}
+  </div>
+</div>

data/_includes/base/script.html.liquid

@@ -0,0 +1,59 @@
+{% comment %}
+================================================================================
+Template: Script Initialization Component
+Purpose: Loads Bootstrap and initializes tooltips. Conditionally includes
+optional libraries (Font Awesome, Highlight.js, DataTables, Back-to-Top).
+Place before closing </body> tag.
+================================================================================
+
+Strategic Design Logic:
+- Bootstrap loading: core JS functionality
+- Tooltip initialization: data-bs-toggle support
+- Optional library includes: conditional loading
+- Performance: deferred to end of body
+- Vanilla JavaScript: no jQuery required
+
+Required Inputs:
+None - loads common libraries automatically
+
+Conditional Inputs (from page front matter):
+- page.with_fontawesome: Load Font Awesome JS (boolean)
+- page.with_highlight: Load Highlight.js (boolean)
+- page.with_datatable: Load DataTables (boolean)
+- page.with_backtotop: Load Back-to-Top (boolean)
+- page.with_copyvalue: Load Copy Value functionality (boolean)
+
+Bootstrap Tooltip Initialization:
+```javascript
+const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+const tooltipList = [...tooltipTriggerList].map(el => new bootstrap.Tooltip(el));
+```
+
+Dependencies:
+- Bootstrap JS: included locally
+- Other libraries: loaded via CDN (conditional)
+================================================================================
+{% endcomment %}
+
+<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+<script src="{{ site.baseurl }}/assets/js/base/init-tooltips.min.js"></script>
+
+{% if page.with_fontawesome -%}
+{% include base/fontawesome.html.liquid type="script" %}
+{% endif %}
+
+{% if page.with_highlight %}
+{% include base/highlight.html.liquid type="script" %}
+{% endif -%}
+
+{% if page.with_datatable %}
+{% include base/datatable.html.liquid type="script" %}
+{% endif %}
+
+{% if page.with_backtotop -%}
+{% include base/backtotop.html.liquid %}
+{% endif %}
+
+{% if page.with_copyvalue -%}
+{% include base/copyvalue.html.liquid %}
+{% endif %}

data/_includes/base/shortcut.html.liquid

@@ -0,0 +1,65 @@
+{% comment %}
+================================================================================
+Template: Shortcuts Navigation Component
+Purpose: Renders footer navigation shortcuts grouped by category. Displays
+sections of related links in multi-column layout suitable for footer placement.
+================================================================================
+
+Strategic Design Logic:
+- Grouped navigation: categories of related links
+- Column layout: multi-column footer display
+- Filtered items: only shows items with visible_on='footer'
+- Reusable link component: consistent styling
+- Empty state handling: no output if no items
+- Category headings: uppercase section titles
+
+Required Inputs (from data objects):
+- navitems[]: Array with visible_on='footer'
+
+Optional Inputs (from include):
+- data: Shortcuts configuration object
+
+Data Source Hierarchy (in priority order):
+1. include.data               - Explicitly passed configuration
+2. page.with_shortcut_data    - Page front matter
+3. site.data.shortcut         - Site configuration
+4. site.data.base.shortcut    - Theme defaults
+
+Conditional Logic:
+- shortcut_navitems.size > 0: Only render if items exist
+- Loop through sections and their menus
+- Each item rendered as link via link component
+- Color: "light" (suitable for dark footers)
+================================================================================
+{% endcomment %}
+
+{%- assign shortcut = include.data
+| default: page.with_shortcut_data
+| default: page.with_navbar_data
+| default: site.data.shortcut
+| default: site.data.navbar
+| default: site.data.base.shortcut
+| default: site.data.base.navbar %}
+{%- assign shortcut_navitems = shortcut.navitems | where: "visible_on", "footer" %}
+
+{%- comment %} === Presentation === {% endcomment %}
+{% if shortcut_navitems.size > 0 %}
+<div class="d-flex flex-wrap justify-content-center m-2">
+  {% for section in shortcut_navitems -%}
+  <div class="px-4 text-center">
+    <div class="h6">{{ section.name | upcase }}</div>
+    <ul class="px-4 mb-4">
+      {% for item in section.menu -%}
+      <li class="list-unstyled my-1">
+        {% include base/link.html.liquid
+            name  = item.name
+            link  = item.link
+            color = "light"
+        %}
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endfor %}
+</div>
+{% endif %}

data/_includes/base/social.html.liquid

@@ -0,0 +1,59 @@
+{% comment %}
+================================================================================
+Template: Social Links Component
+Purpose: Renders a collection of social media and external links as styled
+buttons with icons. Includes optional site description header.
+================================================================================
+
+Strategic Design Logic:
+- Multi-level data source hierarchy for flexible configuration
+- Site description display for context/branding purposes
+- Link rendering via reusable link component with icon support
+- Icon-based visual identification for different platforms
+- Accessibility-first approach with proper ARIA labels
+- Centered layout for prominent footer or banner placement
+
+Required Inputs (from data objects):
+- link: URL for the social media or external platform
+- icon: Icon class for Font Awesome (e.g., 'fa-brands fa-github')
+- name: Platform name for accessibility label (e.g., 'GitHub')
+
+Optional Inputs (from include):
+- data: Array of social link objects (overrides all fallbacks)
+
+Optional Inputs (from site configuration):
+- site.description: Brief site description displayed above social links
+
+Data Source Hierarchy (in priority order):
+1. include.data           - Explicitly passed social link array
+2. page.with_social_data  - Page front matter configuration
+3. site.data.social       - Site-specific social configuration
+4. site.data.base.social  - Theme default social links
+
+Conditional Logic:
+- Site description displays only if site.description is defined
+- Loops through all social links in resolved data source
+- Each link rendered with consistent button styling
+================================================================================
+{% endcomment %}
+
+{%- assign social = include.data | default: page.with_social_data | default: site.data.social | default: site.data.base.social %}
+
+{%- comment %} === Presentation === {% endcomment %}
+{% if site.description %}
+  <div class="lead text-center mb-2">{{ site.description }}</div>
+{% endif %}
+<div class="text-center">
+  {%- for item in social -%}
+    {%- include base/link.html.liquid
+    class                = "btn btn-primary ms-0 m-2 fs-5"
+    link                 = item.link
+    role                 = "button"
+    icon                 = item.icon
+    aria_label           = item.name
+    data_bs_toggle       = "tooltip"
+    data_bs_title        = item.name
+    data_bs_placement    = "bottom"
+    %}
+  {%- endfor %}
+</div>

data/_includes/base/title.html.liquid

@@ -0,0 +1,52 @@
+{% comment %}
+================================================================================
+Template: Page Title Component
+Purpose: Renders page title section with optional subtitle/lead text. Displays
+primary heading and descriptive lead with customizable styling.
+================================================================================
+
+Strategic Design Logic:
+- Semantic headings: h1 primary, lead text for subtitle
+- Data source hierarchy: flexible configuration
+- Customizable styling: class overrides per element
+- Optional lead text: subtitle/description support
+- Schema-based defaults: consistent styling
+- Responsive layout: bootstrap grid
+
+Required Inputs (from data objects):
+None - uses page.title as fallback
+
+Optional Inputs (from data objects):
+- title: Page heading text (defaults to page.title)
+- title_lead: Subtitle/description text
+
+Optional Inputs (from include):
+- data: Title configuration object
+
+Data Source Hierarchy (in priority order):
+1. include.data       - Explicitly passed configuration
+2. page.with_title_data - Page front matter
+3. site.data.title    - Site configuration
+4. site.data.base.title - Theme defaults
+
+Conditional Logic:
+- title_lead present: Only renders subtitle if not empty
+================================================================================
+{% endcomment %}
+
+{%- assign title_data = include.data | default: page.with_title_data | default: site.data.title | default: site.data.base.title %}
+{%- assign title_schema = site.data.base.title_schema.properties["with_title_data"].properties %}
+
+{%- comment %} === Presentation === {% endcomment %}
+{%- assign class            = title_data.class            | default: title_schema["class"].default %}
+{%- assign title            = title_data.title            | default: page.title %}
+{%- assign title_class      = title_data.title_class      | default: title_schema["title_class"].default %}
+{%- assign title_lead       = title_data.title_lead       | default: page.title_lead %}
+{%- assign title_lead_class = title_data.title_lead_class | default: title_schema["title_lead_class"].default %}
+
+<div class="{{ class }}">
+  <div class="{{ title_class }}">{{ title }}</div>
+  {% if title_lead != "" %}
+    <div class="{{ title_lead_class }}">{{ title_lead }}</div>
+  {% endif %}
+</div>

data/_includes/base/toc.html.liquid

@@ -0,0 +1,91 @@
+{% comment %}
+================================================================================
+Template: Table of Contents (TOC) Component
+Purpose: Generates interactive table of contents from page content headings
+using Jekyll-TOC generator. Displays in collapsible Bootstrap accordion.
+================================================================================
+
+Strategic Design Logic:
+- Accordion wrapper: collapsible expandable container
+- Heading extraction: automatic from page content
+- Hierarchy support: nested outline structure
+- Configuration-driven: customizable via data object
+- Automatic anchor generation: heading IDs for linking
+- Responsive: works on all screen sizes
+
+Required Inputs (from page object):
+- content: Page HTML content (automatically generated)
+
+Optional Inputs (from data objects):
+- class: Container CSS classes
+- id: TOC wrapper ID (default: "page-toc")
+- item_class: TOC item CSS classes (default: "my-2")
+- anchor_class: Anchor link CSS classes
+- h_min/h_max: Heading level range (h2-h4 typical)
+- ordered: Use ordered list (true/false)
+- submenu_class: Submenu CSS classes
+- base_url: Base URL for anchors
+- sanitize: Clean HTML in headings (boolean)
+- skip_no_ids: Skip headings without IDs (boolean)
+- flat_toc: Flatten hierarchy (boolean)
+
+Optional Inputs (from include):
+- data: TOC configuration object
+
+Data Source Hierarchy (in priority order):
+1. include.data       - Explicitly passed configuration
+2. page.with_toc_data - Page front matter
+3. site.data.toc      - Site configuration
+4. site.data.base.toc - Theme defaults
+================================================================================
+{% endcomment %}
+
+{%- assign toc = include.data | default: page.with_toc_data | default: site.data.toc | default: site.data.base.toc %}
+{%- assign toc_schema = site.data.base.toc_schema.properties["with_toc_data"].properties %}
+
+{%- comment %} === Configuration properties === {% endcomment %}
+{%- assign class             = toc.class             | default: toc_schema["class"].default %}
+{%- assign id                = toc.id                | default: toc_schema["id"].default | default: "page-toc" %}
+{%- assign item_class        = toc.item_class        | default: toc_schema["item_class"].default | default: "my-2" %}
+{%- assign anchor_class      = toc.anchor_class      | default: toc_schema["anchor_class"].default | default: site.converter_link.default_link_classes %}
+{%- assign h_min             = toc.h_min             | default: toc_schema["h_min"].default %}
+{%- assign h_max             = toc.h_max             | default: toc_schema["h_max"].default %}
+{%- assign ordered           = toc.ordered           | default: toc_schema["ordered"].default %}
+{%- assign submenu_class     = toc.submenu_class     | default: toc_schema["submenu_class"].default %}
+{%- assign base_url          = toc.base_url          | default: toc_schema["base_url"].default %}
+{%- assign sanitize          = toc.sanitize          | default: toc_schema["sanitize"].default %}
+{%- assign skip_no_ids       = toc.skip_no_ids       | default: toc_schema["skip_no_ids"].default %}
+{%- assign flat_toc          = toc.flat_toc          | default: toc_schema["flat_toc"].default %}
+
+{%- comment %} === Presentation === {% endcomment %}
+
+{%- comment %} --- HTML ---  {% endcomment %}
+<div class="accordion shadow-sm" id="pageToc">
+  <div class="accordion-item">
+    <div class="accordion-header" id="flush-headingOne">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+        <i class="fa-solid fa-list"></i>
+        <span class="mx-3 fw-bold">On this page</span>
+      </button>
+    </div>
+    <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#pageToc">
+      <div class="accordion-body small">
+        {%- include base/toc_generator.html.liquid
+        id=id
+        html=content
+        class=class
+        item_class=item_class
+        anchor_class=anchor_class
+        h_min=h_min
+        h_max=h_max
+        ordered=ordered
+        submenu_class=submenu_class
+        base_url=base_url
+        sanitize=sanitize
+        skip_no_ids=skip_no_ids
+        flat_toc=flat_toc
+        %}
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/base/toc_generator.html.liquid

@@ -0,0 +1,189 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Copyright (c) 2017 Vladimir "allejo" Jimenez
+
+        Permission is hereby granted, free of charge, to any person
+        obtaining a copy of this software and associated documentation
+        files (the "Software"), to deal in the Software without
+        restriction, including without limitation the rights to use,
+        copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the
+        Software is furnished to do so, subject to the following
+        conditions:
+
+        The above copyright notice and this permission notice shall be
+        included in all copies or substantial portions of the Software.
+
+        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+        EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+        OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+        NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+        HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+        WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+        FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+        OTHER DEALINGS IN THE SOFTWARE.
+    {% endcomment %}
+    {% comment %}
+        Version 1.2.1
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class         (string) :   ''   - a CSS class assigned to the TOC
+            * id            (string) :   ''   - an ID to assigned to the TOC
+            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
+            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
+            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
+            * flat_toc      (bool)   : false  - when set to true, the TOC will be a single level list
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture newline %}
+    {% endcapture %}
+    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
+
+    {% capture deprecation_warnings %}{% endcapture %}
+
+    {% if include.baseurl %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% if include.skipNoIDs %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% capture jekyll_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign flatToc = include.flat_toc | default: false %}
+    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
+    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | strip | split: '<h' %}
+
+    {% assign firstHeader = true %}
+    {% assign currLevel = 0 %}
+    {% assign lastLevel = 0 %}
+
+    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if currLevel < minHeader or currLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign htmlID = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign htmlClass = _classWorkspace[0] %}
+
+        {% if htmlClass contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign minHeader = currLevel %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.submenu_class and include.submenu_class != blank %}
+            {% assign subMenuLevel = currLevel | minus: 1 %}
+            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+
+        {% if htmlID %}
+            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
+
+            {% if include.anchor_class %}
+                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
+            {% endif %}
+
+            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture listItem %}{{ anchorBody }}{% endcapture %}
+        {% endif %}
+
+        {% if currLevel > lastLevel and flatToc == false %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
+        {% elsif currLevel < lastLevel and flatToc == false %}
+            {% assign repeatCount = lastLevel | minus: currLevel %}
+
+            {% for i in (1..repeatCount) %}
+                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+            {% endfor %}
+
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% else %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% endif %}
+
+        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
+
+        {% assign lastLevel = currLevel %}
+        {% assign firstHeader = false %}
+    {% endfor %}
+
+    {% if flatToc == true %}
+        {% assign repeatCount = 1 %}
+    {% else %}
+        {% assign repeatCount = minHeader | minus: 1 %}
+        {% assign repeatCount = lastLevel | minus: repeatCount %}
+    {% endif %}
+
+    {% for i in (1..repeatCount) %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+    {% endfor %}
+
+    {% if jekyll_toc != '' %}
+        {% assign rootAttributes = '' %}
+        {% if include.class and include.class != blank %}
+            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.id and include.id != blank %}
+            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
+        {% endif %}
+
+        {% if rootAttributes %}
+            {% assign nodes = jekyll_toc | split: '>' %}
+            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
+        {% endif %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc -}}

data/_includes/download/cards-body-commands.html

@@ -0,0 +1,7 @@
+<tr>
+  <td>
+    {% if row.lines != "" %}
+    <pre class="mb-0"><code>{{ row.lines }}</code></pre>
+    {% endif %}
+  </td>
+</tr>

data/_includes/download/cards-body-convert.html

@@ -0,0 +1,10 @@
+<tr>
+  <td>
+    {% if row.commands != "" %}
+    <div class="input-group">
+      <textarea id="{{ card.page }}-{{ release[0] }}-key-{{ forloop.index }}" class="form-control font-monospace" placeholder="{{ row.overview }}" aria-label="{{ row.overview }}" aria-describedby="{{ card.page }}-button-{{ forloop.index }}" readonly rows="2">{{ row.commands }}</textarea>
+      <button id="{{ card.page }}-{{ release[0] }}-button-{{ forloop.index }}" class="btn btn-clipboard" type="button" aria-label="Copy to clipboard" data-clipboard-target="#{{ card.page }}-{{ release[0] }}-key-{{ forloop.index }}" data-bs-toggle="tooltip" data-bs-title="Copy to clipboard"><i class="fa-solid fa-clipboard"></i></button>
+    </div>
+    {% endif %}
+  </td>
+</tr>

data/_includes/download/cards-body-doc.html

@@ -0,0 +1,9 @@
+<tr>
+  <td>
+      {% for rows in release %}
+      {% for row in rows.docs %}
+      <a class="btn btn-sm btn-primary{% if row.name == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.link }}"{% endif %} role="button"><i class="fa-solid fa-file"></i> {{ row.name }}</a>
+      {% endfor %}
+      {% endfor %}
+  </td>
+</tr>

data/_includes/download/cards-body-documentation.html

@@ -0,0 +1,11 @@
+<tr>
+  <td>
+      {% for rows in release %}
+      {% for row in rows.documentation %}
+      {% if row.title != "" %}
+      <a class="btn btn-primary" href="{{ row.link }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> {{ row.title }}</a>
+      {% endif %}
+      {% endfor %}
+      {% endfor %}
+  </td>
+</tr>

data/_includes/download/cards-body-eol.html

@@ -0,0 +1,16 @@
+<tr>
+  <td>
+    {% if row.overview != "" %}
+    {{ row.overview }}
+    {% endif %}
+
+    {% if row.date != "" %}
+    {{ row.date | date_to_string: "ordinal", "US" }}
+    {% endif %}
+
+    {% if row.url != "" %}
+    <a href="{{ row.url }}"><i class="fas fa-exclamation-circle"></i> Know more</a>
+    {% else %}
+    {% endif %}
+  </td>
+</tr>