jekyll-theme-centos 2.52.0.beta.52 → 2.52.0.beta.54

data/_includes/base/heading_anchor.html.liquid

@@ -0,0 +1,62 @@
+{% 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 partials/script.html.liquid or layout):
+  {% include 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"
+        data-reset-delay="{{ heading_anchor_reset_delay }}"
+        data-success-message="{{ heading_anchor_success_message }}"
+        src="{{ site.baseurl }}/assets/js/base/heading-anchor.min.js"></script>
+
+{%- endif -%}

data/_includes/base/highlight.html.liquid

@@ -27,12 +27,24 @@ Data Source Hierarchy (priority):
 ================================================================================
 {% endcomment %}
 
-{%- assign highlight = include.data | default: page.with_highlight_data | default: site.data.highlight | default: site.data.base.highlight %}
+{%- assign with_highlight = include.with_highlight
+| default: page.with_highlight
+%}
 
-{%- assign highlight_theme     = highlight.theme   | default: site.data.base.highlight_schema.properties.with_highlight_data.properties.theme.default %}
-{%- assign highlight_version   = highlight.version | default: site.data.base.highlight_schema.properties.with_highlight_data.properties.version.default %}
-{%- assign copy_icon_svg    = highlight.copy_button_icons.copy.svg | default: site.data.base.highlight_schema.properties.with_highlight_data.properties.copy_button_icons.properties.copy.properties.svg.default %}
-{%- assign success_icon_svg = highlight.copy_button_icons.success.svg | default: site.data.base.highlight_schema.properties.with_highlight_data.properties.copy_button_icons.properties.success.properties.svg.default %}
+{%- assign with_highlight_data = include.data
+| default: page.with_highlight_data
+| default: site.data.highlight
+| default: site.data.base.highlight
+%}
+
+{%- assign with_highlight_schema = site.data.base.highlight_schema.properties.with_highlight_data.properties %}
+
+{%- if with_highlight %}
+
+{%- assign highlight_theme     = with_highlight_data.theme                         | default: with_highlight_schema.theme.default %}
+{%- assign highlight_version   = with_highlight_data.version                       | default: with_highlight_schema.version.default %}
+{%- assign copy_icon_svg       = with_highlight_data.copy_button_icons.copy.svg    | default: with_highlight_schema.copy_button_icons.properties.copy.properties.svg.default %}
+{%- assign success_icon_svg    = with_highlight_data.copy_button_icons.success.svg | default: with_highlight_schema.copy_button_icons.properties.success.properties.svg.default %}
 
 {%- capture html_highlight_head %}
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/{{ highlight_version }}/styles/{{ highlight_theme | replace_first: 'base16-', 'base16/' | default: 'default' }}.min.css" />
@@ -63,3 +75,5 @@ Data Source Hierarchy (priority):
 {%- when "script" %}
   {{ html_highlight_script }}
 {%- endcase %}
+
+{%- endif %}

data/_includes/base/link.html.liquid

@@ -24,74 +24,63 @@ Optional Inputs:
 - class: Custom CSS classes to override default styling
 - aria_label: Accessible label for screen readers
 - role: ARIA role attribute
+- data_bs_toggle: Bootstrap toggle ('tooltip' or 'popover')
+- data_bs_title: Bootstrap tooltip/popover text content
+- data_bs_content: Bootstrap popover body text (required when data_bs_toggle is 'popover')
+- data_bs_placement: Bootstrap tooltip/popover placement ('top', 'bottom', 'start', 'end')
+- data_bs_trigger: Bootstrap tooltip/popover trigger events
+- data_bs_delay: Bootstrap tooltip/popover show/hide delay (number or JSON)
+- data_bs_html: Allow HTML in tooltip/popover content ('true' or 'false')
+- data_bs_custom_class: Custom CSS class for tooltip/popover element
+- data_bs_offset: Tooltip/popover position offset (comma-separated pair)
 
 Security & External Links:
 - target="_blank" automatically adds rel="noopener noreferrer"
-- External cross-domain links with target="_blank" auto-display
-  fa-solid fa-external-link icon (unless manually overridden)
-- See: examples/jekyll/layouts/default/components/link.md
+- External link icon injection is handled by jekyll-link-decorator
 ================================================================================
 {% endcomment %}
 
 {%- capture html_link -%}
   {%- comment %} === Data source selection === {% endcomment %}
-  {%- assign link          = include.link          | default: nil %}
-  {%- assign name          = include.name          | default: nil %}
-  {%- assign target        = include.target        | default: nil %}
-  {%- assign color         = include.color         | default: "primary" %}
-  {%- assign role          = include.role          | default: nil %}
-  {%- assign icon          = include.icon          | default: nil %}
-  {%- assign icon_position = include.icon_position | default: "start" %}
-  {%- assign class         = include.class         | default: nil %}
-  {%- assign aria_label      = include.aria_label      | default: nil %}
-  {%- assign data_bs_toggle   = include.data_bs_toggle   | default: nil %}
-  {%- assign data_bs_title    = include.data_bs_title    | default: nil %}
-  {%- assign data_bs_placement = include.data_bs_placement | default: nil %}
-  {%- assign anchor        = nil %}
-  {%- assign rel_attr      = nil %}
-  {%- assign is_external_link = false %}
-  {%- assign auto_icon     = nil %}
+  {%- assign link              = include.link              | default: nil %}
+  {%- assign name              = include.name              | default: nil %}
+  {%- assign target            = include.target            | default: nil %}
+  {%- assign color             = include.color             | default: "primary" %}
+  {%- assign role              = include.role              | default: nil %}
+  {%- assign icon              = include.icon              | default: nil %}
+  {%- assign icon_position     = include.icon_position     | default: "start" %}
+  {%- assign class             = include.class             | default: nil %}
+  {%- assign aria_label        = include.aria_label        | default: nil %}
+  {%- assign data_bs_toggle       = include.data_bs_toggle       | default: nil %}
+  {%- assign data_bs_title        = include.data_bs_title        | default: nil %}
+  {%- assign data_bs_content      = include.data_bs_content      | default: nil %}
+  {%- assign data_bs_placement    = include.data_bs_placement    | default: nil %}
+  {%- assign data_bs_trigger      = include.data_bs_trigger      | default: nil %}
+  {%- assign data_bs_delay        = include.data_bs_delay        | default: nil %}
+  {%- assign data_bs_html         = include.data_bs_html         | default: nil %}
+  {%- assign data_bs_custom_class = include.data_bs_custom_class | default: nil %}
+  {%- assign data_bs_offset       = include.data_bs_offset       | default: nil %}
+  {%- assign anchor            = nil %}
+  {%- assign rel_attr          = nil %}
 
   {%- comment %} === Data processing === {% endcomment %}
   {%- if link != nil -%}
-    {%- if link contains "https://" or link contains "http://" -%}
+    {%- assign link_char1 = link | slice: 0, 1 -%}
+    {%- assign link_char2 = link | slice: 0, 2 -%}
+    {%- if link contains "://" or link contains "mailto:" or link contains "tel:" or link_char1 == "#" or link_char2 == "//" -%}
       {%- assign href_value = link %}
-      {%- assign is_external_link = true %}
     {%- else -%}
       {%- assign href_value = site.baseurl | append: link %}
     {%- endif -%}
   {%- else -%}
     {%- assign href_value = site.baseurl %}
-    {%- assign anchor = name | strip | replace: ' ', '-' | downcase %}
-  {%- endif -%}
-
-  {%- comment %} === External link icon handling === {% endcomment %}
-  {%- if is_external_link and target == "_blank" and icon == nil -%}
-    {%- comment %} Extract domain from link URL (remove protocol) {% endcomment %}
-    {%- assign link_domain = link | replace: "https://", "" | replace: "http://", "" %}
-    {%- assign link_domain = link_domain | split: "/" | first %}
-    {%- assign link_domain = link_domain | split: "?" | first %}
-    {%- assign link_domain = link_domain | split: "#" | first %}
-    {%- assign link_domain = link_domain | downcase %}
-
-    {%- comment %} Extract domain from site.url (remove protocol) {% endcomment %}
-    {%- assign site_domain = site.url | default: site.baseurl | replace: "https://", "" | replace: "http://", "" %}
-    {%- assign site_domain = site_domain | split: "/" | first %}
-    {%- assign site_domain = site_domain | split: "?" | first %}
-    {%- assign site_domain = site_domain | split: "#" | first %}
-    {%- assign site_domain = site_domain | downcase %}
-
-    {%- comment %} If domains don't match, add external link icon {% endcomment %}
-    {%- if link_domain != site_domain -%}
-      {%- assign auto_icon = "fa-solid fa-external-link" %}
-      {%- assign icon_position = "end" %}
-    {%- endif -%}
+    {%- assign anchor = name | strip | replace: ' ', '-' | remove: '"' | remove: "'" | remove: '?' | remove: '&' | remove: '#' | remove: '/' | downcase %}
   {%- endif -%}
 
   {%- if class != nil -%}
     {%- assign link_class = class %}
   {%- else -%}
-    {%- assign link_class = "link-" | append: color %}
+    {%- assign link_class = "link link-" | append: color %}
     {%- assign link_class = link_class | append: " link-offset-3 link-offset-3-hover link-underline-" %}
     {%- assign link_class = link_class | append: color %}
     {%- assign link_class = link_class | append: " link-underline-opacity-0 link-underline-opacity-100-hover" %}
@@ -103,16 +92,15 @@ Security & External Links:
   {%- endif -%}
 
   {%- comment %} --- Link name with optional icon --- {% endcomment %}
-  {%- comment %} Use manual icon if provided, otherwise use auto_icon if set {% endcomment %}
-  {%- assign final_icon = icon | default: auto_icon %}
+  {%- assign final_icon = icon %}
   {%- capture link_name -%}
     {%- if final_icon != nil -%}
       {%- if name != nil and icon_position == "end" -%}
-        {{ name }}<i class="{{ final_icon }} ms-1"></i>
+        {{ name }}<i class="{{ final_icon }} ms-1" aria-hidden="true"></i>
       {%- elsif name != nil and icon_position == "start" -%}
-        <i class="{{ final_icon }} me-1"></i>{{ name }}
+        <i class="{{ final_icon }} me-1" aria-hidden="true"></i>{{ name }}
       {%- else -%}
-        <i class="{{ final_icon }}"></i>
+        <i class="{{ final_icon }}" aria-hidden="true"></i>
       {%- endif -%}
     {%- else -%}
       {{ name }}
@@ -121,7 +109,7 @@ Security & External Links:
 
   {%- comment %} --- HTML: Anchor tag with attributes --- {% endcomment %}
   <a
-    href="{{ href_value }}{% if anchor != nil %}#{{ anchor }}{% endif %}"
+    href="{{ href_value }}{% if anchor != nil and anchor != "" %}#{{ anchor }}{% endif %}"
     class="{{ link_class }}"
     {%- if target != nil %} target="{{ target }}"{% endif %}
     {%- if rel_attr != nil %} rel="{{ rel_attr }}"{% endif %}
@@ -129,7 +117,13 @@ Security & External Links:
     {%- if aria_label != nil %} aria-label="{{ aria_label }}"{% endif %}
     {%- if data_bs_toggle != nil %} data-bs-toggle="{{ data_bs_toggle }}"{% endif %}
     {%- if data_bs_title != nil %} data-bs-title="{{ data_bs_title }}"{% endif %}
-    {%- if data_bs_placement != nil %} data-bs-placement="{{ data_bs_placement }}"{% endif %}>
+    {%- if data_bs_content != nil %} data-bs-content="{{ data_bs_content }}"{% endif %}
+    {%- if data_bs_placement != nil %} data-bs-placement="{{ data_bs_placement }}"{% endif %}
+    {%- if data_bs_trigger != nil %} data-bs-trigger="{{ data_bs_trigger }}"{% endif %}
+    {%- if data_bs_delay != nil %} data-bs-delay="{{ data_bs_delay }}"{% endif %}
+    {%- if data_bs_html != nil %} data-bs-html="{{ data_bs_html }}"{% endif %}
+    {%- if data_bs_custom_class != nil %} data-bs-custom-class="{{ data_bs_custom_class }}"{% endif %}
+    {%- if data_bs_offset != nil %} data-bs-offset="{{ data_bs_offset }}"{% endif %}>
     {{- link_name | strip_newlines | strip -}}
   </a>
 {%- endcapture -%}

data/_includes/base/locales.html.liquid

@@ -27,41 +27,52 @@ Locale Detection:
 ================================================================================
 {% endcomment %}
 
-{%- assign configured_locales = page.with_locales_data.locales | default: empty_array %}
+{%- assign with_locales = include.with_locales
+| default: page.with_locales
+%}
 
-{%- comment %} Build array of all available locales (always include English) {%- endcomment %}
-{%- assign all_locales = configured_locales | default: empty_array %}
-{%- unless all_locales contains "en" %}
-  {%- assign all_locales = all_locales | unshift: "en" %}
-{%- endunless %}
+{%- assign with_locales_data = include.data
+| default: page.with_locales_data
+| default: site.data.locales
+| default: site.data.base.locales
+%}
 
-{%- comment %} Detect current page locale from URL: /es/..., /fr/..., etc. {%- endcomment %}
-{%- assign url_parts = page.url | split: "/" %}
-{%- assign current_locale = "en" %}
-{%- if url_parts[1] and all_locales contains url_parts[1] %}
-  {%- assign current_locale = url_parts[1] %}
-{%- endif %}
+{%- assign with_locales_schema = site.data.base.locales_schema.properties.with_locales_data.properties %}
+
+{%- if with_locales %}
 
-{%- if page.with_locales and configured_locales %}
+  {%- comment %} Build array of all available locales (always include English) {%- endcomment %}
+  {%- assign all_locales = with_locales_data.locales | default: with_locales_schema.locales.default %}
+  {%- unless all_locales contains "en" %}
+    {%- assign all_locales = all_locales | unshift: "en" %}
+  {%- endunless %}
+
+  {%- comment %} Detect current page locale from URL: /es/..., /fr/..., etc. {%- endcomment %}
+  {%- assign url_parts = page.url | split: "/" %}
+  {%- assign current_locale = "en" %}
+  {%- if url_parts[1] and all_locales contains url_parts[1] %}
+    {%- assign current_locale = url_parts[1] %}
+  {%- endif %}
 
   <p class="mb-2">Change page language:</p>
   <div class="dropdown mb-4">
-  <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Languages">
-    <i class="fa-solid fa-language me-1"></i> {{ site.data.base.languages[current_locale] }} ({{ current_locale }})
-  </button>
-  <ul class="dropdown-menu">
-    {%- for locale in all_locales %}
-      {%- comment %} DEBUG: page.url={{ page.url }}, current_locale={{ current_locale }}, target_locale={{ locale }} {%- endcomment %}
-      {%- assign locale_url = page.url | switch_locale_url: locale %}
+    <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Languages">
+      <i class="fa-solid fa-language me-1"></i> {{ site.data.base.languages[current_locale] }} ({{ current_locale }})
+    </button>
+    <ul class="dropdown-menu">
+      {%- for locale in all_locales %}
+        {%- comment %} DEBUG: page.url={{ page.url }}, current_locale={{ current_locale }}, target_locale={{ locale }} {%- endcomment %}
+        {%- assign locale_url = page.url | switch_locale_url: locale %}
+
+        {%- if locale == current_locale %}
+          <li class="small"><a class="dropdown-item active" href="{{ site.baseurl }}{{ locale_url }}" aria-current="true">
+              {{ site.data.base.languages[locale] }} ({{ locale }}) <i class="fa-solid fa-check ms-3"></i>
+            </a></li>
+          {%- else %}
+            <li class="small"><a class="dropdown-item" href="{{ site.baseurl }}{{ locale_url }}">{{ site.data.base.languages[locale] }} ({{ locale }})</a></li>
+          {%- endif %}
+        {%- endfor %}
+    </ul>
+  </div>
 
-      {%- if locale == current_locale %}
-    <li class="small"><a class="dropdown-item active" href="{{ site.baseurl }}{{ locale_url }}" aria-current="true">
-      {{ site.data.base.languages[locale] }} ({{ locale }}) <i class="fa-solid fa-check ms-3"></i>
-    </a></li>
-      {%- else %}
-    <li class="small"><a class="dropdown-item" href="{{ site.baseurl }}{{ locale_url }}">{{ site.data.base.languages[locale] }} ({{ locale }})</a></li>
-      {%- endif %}
-    {%- endfor %}
-  </ul>
-</div>
 {%- endif %}

data/_includes/base/navindex.html.liquid

@@ -29,8 +29,20 @@ Data Object Properties:
 ================================================================================
 {% endcomment %}
 
-{% assign data   = include.data   | default: nil %}
-{% assign format = include.format | default: "list" %}
+{%- assign with_navindex = include.with_navindex
+| default: page.with_navindex
+%}
+
+{%- assign with_navindex_data = include.data
+| default: page.with_navindex_data
+| default: site.data.navindex
+| default: site.data.base.navindex
+%}
+
+{%- assign with_navindex_schema = site.data.base.navindex_schema.properties.with_navindex_data.properties %}
+
+{% assign data   = include.data   | default: with_navindex_schema.data.default %}
+{% assign format = include.format | default: with_navindex_schema.format.default %}
 
 {%- comment %} Filter data by locale to show only matching language pages {%- endcomment %}
 {%- assign current_locale = page.locale | default: 'en' %}

data/_includes/base/ogp.html.liquid

@@ -18,101 +18,115 @@ Required Inputs:
 - site.baseurl: Base URL path prefix
 
 Optional Inputs:
-- page.ogp.og.*, page.ogp.twitter.*: OG/Twitter property overrides
+- with_ogp_data.og.*, with_ogp_data.twitter.*: OG/Twitter property overrides
 - page.excerpt, page.title_lead: Fallback for description
 - site.description: Site-level description fallback
 
 Data Source Hierarchy:
-- page.ogp values always take precedence
+- with_ogp_data values always take precedence
 - Default image: /assets/img/centos-social-share.png
 - Default image alt: "The CentOS Project"
 ================================================================================
 {% endcomment %}
 
-{%- assign ogp = include.data | default: page.with_ogp_data | default: site.data.ogp | default: site.data.base.ogp %}
+{%- assign with_ogp = include.with_ogp
+| default: page.with_ogp
+%}
 
-{%- comment %} === Presentation === {% endcomment %}
-{%- comment %} --- Defaults --- {% endcomment %}
-{%- assign ogp_og_type = ogp.og.type %}
+{%- assign with_ogp_data = include.data
+| default: page.with_ogp_data
+| default: site.data.ogp
+| default: site.data.base.ogp
+%}
 
-{%- comment %} --- Common attributes for both `og` and `twitter` properties --- {% endcomment %}
-{%- assign properties = "og,twitter" | split: "," %}
-{%- for property in properties %}
+{%- assign with_ogp_schema = site.data.base.ogp_schema.properties.with_ogp_data.properties %}
 
-  {%- comment %} --- Title --- {% endcomment %}
-  {%- if page.ogp[property].title == nil %}
-<meta property="{{ property }}:title" content="{{ page.title }}" />
-  {%- else %}
-  {%- endif %}
+{%- if with_ogp %}
 
-  {%- comment %} --- URL --- {% endcomment %}
-  {%- if page.ogp[property].url == nil %}
-<meta property="{{ property }}:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
-  {%- endif %}
+  {%- comment %} === Presentation === {% endcomment %}
+  {%- comment %} --- Defaults --- {% endcomment %}
+  {%- assign ogp_og_type = with_ogp_data.og.type | default: with_ogp_schema.og.properties.type.default %}
+
+  {%- comment %} --- Common attributes for both `og` and `twitter` properties --- {% endcomment %}
+  {%- assign properties = "og,twitter" | split: "," %}
+  {%- for property in properties %}
 
-  {%- comment %} --- Description --- {% endcomment %}
-  {%- if page.ogp[property].description == nil %}
-    {%- if page.excrept %}
-<meta property="{{ property }}:description" content="{{ site.excrept }}" />
-    {%- elsif page.title_lead %}
-<meta property="{{ property }}:description" content="{{ page.title_lead }}" />
+    {%- comment %} --- Title --- {% endcomment %}
+    {%- if with_ogp_data[property].title %}
+      <meta property="{{ property }}:title" content="{{ page.title }}" />
     {%- else %}
-<meta property="{{ property }}:description" content="{{ site.description }}" />
     {%- endif %}
-  {%- endif %}
 
-  {%- comment %} --- Image --- {% endcomment %}
-  {%- if page.ogp[property].image == nil %}
-<meta property="{{ property }}:image" content="{{ site.url }}{{ site.baseurl }}/assets/img/centos-social-share.png" />
-    {%- if property == "og" %}
-<meta property="{{ property }}:image:secure_url" content="{{ site.url }}{{ site.baseurl }}/assets/img/centos-social-share.png" />
-<meta property="{{ property }}:image:type" content="image/png" />
-<meta property="{{ property }}:image:width" content="1200" />
-<meta property="{{ property }}:image:height" content="630" />
+    {%- comment %} --- URL --- {% endcomment %}
+    {%- if with_ogp_data[property].url %}
+      <meta property="{{ property }}:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
     {%- endif %}
-  {%- endif %}
 
-  {%- comment %} --- Image alternative text --- {% endcomment %}
-  {%- if page.ogp[property].image.alt == nil %}
-<meta property="{{ property }}:image:alt" content="The CentOS Project" />
-  {%- endif %}
-
-  {%- comment %} --- Override common attributes in both `og` and `twitter` properties --- {% endcomment %}
-  {%- if property[0] == "og" %}
-    {%- for attribute in property[1] %}
-      {%- if attribute[0] == "image" or attribute[0] == "audio" or attribute[0] == "video" %}
-        {%- for item in attribute[1] %}
-<meta property="{{ property[0] }}:{{ attribute[0] }}:{{ item[0] }}" content="{{ item[1] }}" />
-        {%- endfor %}
+    {%- comment %} --- Description --- {% endcomment %}
+    {%- if with_ogp_data[property].description %}
+      {%- if page.excrept %}
+        <meta property="{{ property }}:description" content="{{ site.excrept }}" />
+      {%- elsif page.title_lead %}
+        <meta property="{{ property }}:description" content="{{ page.title_lead }}" />
       {%- else %}
-<meta property="{{ property[0] }}:{{ attribute[0] }}" content="{{ attribute[1] }}" />
+        <meta property="{{ property }}:description" content="{{ site.description }}" />
       {%- endif %}
-    {%- endfor %}
-  {%- elsif property[0] == "twitter" %}
-    {%- for attribute in property[1] %}
-      {%- if attribute[0] == "image" or attribute[0] == "site" or attribute[0] == "creator" %}
-        {%- for item in attribute[1] %}
-<meta property="{{ property[0] }}:{{ attribute[0] }}:{{ item[0] }}" content="{{ item[1] }}" />
-        {%- endfor %}
-      {%- else %}
-        <meta property="{{ property[0] }}:{{ attribute[0] }}" content="{{ attribute[1] }}" />
+    {%- endif %}
+
+    {%- comment %} --- Image --- {% endcomment %}
+    {%- if with_ogp_data[property].image %}
+      <meta property="{{ property }}:image" content="{{ site.url }}{{ site.baseurl }}/assets/img/centos-social-share.png" />
+      {%- if property == "og" %}
+        <meta property="{{ property }}:image:secure_url" content="{{ site.url }}{{ site.baseurl }}/assets/img/centos-social-share.png" />
+        <meta property="{{ property }}:image:type" content="image/png" />
+        <meta property="{{ property }}:image:width" content="1200" />
+        <meta property="{{ property }}:image:height" content="630" />
       {%- endif %}
-    {%- endfor %}
+    {%- endif %}
+
+    {%- comment %} --- Image alternative text --- {% endcomment %}
+    {%- if with_ogp_data[property].image.alt == nil %}
+      <meta property="{{ property }}:image:alt" content="The CentOS Project" />
+    {%- endif %}
+
+    {%- comment %} --- Override common attributes in both `og` and `twitter` properties --- {% endcomment %}
+    {%- if property[0] == "og" %}
+      {%- for attribute in property[1] %}
+        {%- if attribute[0] == "image" or attribute[0] == "audio" or attribute[0] == "video" %}
+          {%- for item in attribute[1] %}
+            <meta property="{{ property[0] }}:{{ attribute[0] }}:{{ item[0] }}" content="{{ item[1] }}" />
+          {%- endfor %}
+        {%- else %}
+          <meta property="{{ property[0] }}:{{ attribute[0] }}" content="{{ attribute[1] }}" />
+        {%- endif %}
+      {%- endfor %}
+    {%- elsif property[0] == "twitter" %}
+      {%- for attribute in property[1] %}
+        {%- if attribute[0] == "image" or attribute[0] == "site" or attribute[0] == "creator" %}
+          {%- for item in attribute[1] %}
+            <meta property="{{ property[0] }}:{{ attribute[0] }}:{{ item[0] }}" content="{{ item[1] }}" />
+          {%- endfor %}
+        {%- else %}
+          <meta property="{{ property[0] }}:{{ attribute[0] }}" content="{{ attribute[1] }}" />
+        {%- endif %}
+      {%- endfor %}
+    {%- endif %}
+  {%- endfor %}
+
+  {%- comment %} --- Specific attributes for `og` property --- {% endcomment %}
+  {%- if ogp_og_type == nil %}
+    <meta property="og:type" content="website" />
   {%- endif %}
-{%- endfor %}
-
-{%- comment %} --- Specific attributes for `og` property --- {% endcomment %}
-{%- if ogp_og_type == nil %}
-<meta property="og:type" content="website" />
-{%- endif %}
-
-{%- comment %} --- Specific attributes for `twitter` property --- {% endcomment %}
-{%- if page.ogp.twitter.card == nil %}
-<meta property="twitter:card" content="summary_large_image" />
-{%- endif %}
-{%- if page.ogp.twitter.site.id == nil %}
-<meta property="twitter:site:id" content="@CentOS" />
-{%- endif %}
-{%- if page.ogp.twitter.creator.id == nil %}
-<meta property="twitter:creator:id" content="@CentOS" />
-{%- endif %}
+
+  {%- comment %} --- Specific attributes for `twitter` property --- {% endcomment %}
+  {%- if with_ogp_data.twitter.card == nil %}
+    <meta property="twitter:card" content="summary_large_image" />
+  {%- endif %}
+  {%- if with_ogp_data.twitter.site.id == nil %}
+    <meta property="twitter:site:id" content="@CentOS" />
+  {%- endif %}
+  {%- if with_ogp_data.twitter.creator.id == nil %}
+    <meta property="twitter:creator:id" content="@CentOS" />
+  {%- endif %}
+
+{% endif %}

data/_includes/base/partials/footer.html.liquid

@@ -0,0 +1,69 @@
+{%- assign with_footer = include.with_footer
+| default: page.with_footer
+%}
+
+{%- assign with_footer_data = include.data
+| default: page.with_footer_data
+| default: site.data.footer
+| default: site.data.base.partials.footer
+%}
+
+{%- assign with_footer_schema = site.data.base.partials.footer_schema.properties.with_footer_data.properties %}
+
+{%- 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 %}
+
+{%- if with_footer -%}
+
+<div class="container">
+  <div class="row justify-content-between align-items-start gx-5">
+    <div class="col-sm-12 col-lg-4">
+      {%- if footer_brand_image != "" %}
+        <a class="navbar-brand" href="{{ site.baseurl }}/">
+          <img
+              class="d-inline-block align-text-middle me-2{% if footer_brand_image_class != "" %} {{ footer_brand_image_class }}{% endif %}"
+              src="{{ site.baseurl }}/assets/img/{{ footer_brand_image }}"
+              height="{{ footer_brand_image_height }}"
+              alt="{{ site.title }}" />
+          {%- if footer_brand_manifestation != "" %}
+            <span class="d-inline-block align-text-middle fs-6 border-start border-1 border-light opacity-75 ps-3{% if footer_brand_manifestation_class != "" %} {{ footer_brand_manifestation_class }}{% endif %}">{{ footer_brand_manifestation }}</span>
+          {%- endif %}
+        </a>
+      {%- endif %}
+      {% if site.description %}
+        <p class="mt-2 mb-5">{{ site.description }}</p>
+      {% endif %}
+
+      {% include base/sponsors-carousel.html.liquid -%}
+    </div>
+
+    {% if page.with_shortcut %}
+      <div class="col-sm-12 col-lg-5">
+        {% include base/shortcut.html.liquid %}
+      </div>
+    {% endif %}
+
+    {% if page.with_locales or page.with_social %}
+      <div class="col-sm-12 col-lg-3 pb-5">
+        {% include base/locales.html.liquid %}
+        {% include base/social.html.liquid %}
+      </div>
+    {% endif %}
+
+  </div>
+</div>
+
+{% if page.with_copyright %}
+  <div class="container">
+    <div class="row justify-content-between align-items-center py-3">
+      <div class="col">
+        {% include base/copyright.html.liquid %}
+      </div>
+    </div>
+  </div>
+{% endif %}
+
+{%- endif -%}