jekyll-theme-centos 2.52.0.beta.56 → 2.52.0.beta.58

data/_includes/base/navindex.html.liquid

@@ -166,14 +166,14 @@ Data Object Properties:
     {%- for item in data %}
       {% comment %} Get component status from site configuration file {% endcomment %}
       {%- assign status_name = "with_" | append: item.component.name %}
-      {%- assign status      = site.defaults[0].values[status_name] %}
+      {%- assign status      = site.defaults[1].values[status_name] %}
       {% comment %} Render component status {% endcomment %}
       {%- if status == true %}
         {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is enabled globally and can be used on all site pages. It can be disabled either globally or at a page level."><i class="fa-solid fa-circle-check text-success"></i> Enabled</span>' %}
       {%- elsif status == false %}
         {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is disabled globally and cannot be used in site pages. It can be enabled either globally or at a page level."><i class="fa-solid fa-circle-minus text-danger"></i> Disabled</span>' %}
       {%- else %}
-        {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is enabled globally and can be used on all site pages. It cannot be disabled."><i class="fa-solid fa-circle-dot text-warning"></i> Internal</span>' %}
+        {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is enabled globally and can be used on all site pages. It cannot be disabled."><i class="fa-solid fa-gear"></i> Internal</span>' %}
       {%- endif %}
       {% comment %} Render table rows {% endcomment %}
       <tr>

data/_includes/base/ogp.html.liquid

@@ -21,11 +21,21 @@ Optional Inputs:
 - 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
+- page.locale: BCP 47 locale code set by jekyll-l10n on localized pages
 
 Data Source Hierarchy:
-- with_ogp_data values always take precedence
-- Default image: /assets/img/centos-social-share.png
-- Default image alt: "The CentOS Project"
+- og:type:             with_ogp_data.og.type → schema default → 'website'
+- og:site_name:       with_ogp_data.og.site_name → site.title
+- og:logo:            with_ogp_data.og.logo → schema default → '/assets/icons/apple-touch-icon.png'
+- og:locale:          page.locale (jekyll-l10n) → with_ogp_data.locale → schema default → 'en_US'
+- og:image:type:      with_ogp_data.og.image.type → schema default → 'image/png'
+- og:image:width:     with_ogp_data.og.image.width → schema default → 1200
+- og:image:height:    with_ogp_data.og.image.height → schema default → 630
+- og:image:alt:       with_ogp_data[property].image.alt → schema default → 'The CentOS Project'
+- twitter:card:       with_ogp_data.twitter.card → schema default → 'summary_large_image'
+- twitter:site:       with_ogp_data.twitter.site → schema default → '@CentOS'
+- twitter:creator:    with_ogp_data.twitter.creator → schema default → '@CentOS'
+- Default image path: /assets/img/centos-social-share.png
 ================================================================================
 {% endcomment %}
 
@@ -44,89 +54,91 @@ Data Source Hierarchy:
 {%- if with_ogp %}
 
   {%- comment %} === Presentation === {% endcomment %}
+  {%- comment %} --- Schema shorthands --- {% endcomment %}
+  {%- assign with_ogp_og_image_schema   = with_ogp_schema.og.properties.image.properties %}
+  {%- assign with_ogp_twitter_schema    = with_ogp_schema.twitter.properties %}
+
+  {%- comment %} --- Shared image metadata (og and twitter use the same image) --- {% endcomment %}
+  {%- assign ogp_image_type   = with_ogp_data.og.image.type   | default: with_ogp_og_image_schema.type.default   | default: 'image/png' %}
+  {%- assign ogp_image_width  = with_ogp_data.og.image.width  | default: with_ogp_og_image_schema.width.default  | default: 1200 %}
+  {%- assign ogp_image_height = with_ogp_data.og.image.height | default: with_ogp_og_image_schema.height.default | default: 630 %}
+
   {%- comment %} --- Defaults --- {% endcomment %}
   {%- assign ogp_og_type = with_ogp_data.og.type | default: with_ogp_schema.og.properties.type.default %}
+  {%- assign ogp_locale = page.locale | default: with_ogp_data.locale | default: with_ogp_schema.locale.default | default: 'en_US' %}
+  {%- assign ogp_twitter_card = with_ogp_data.twitter.card
+    | default: with_ogp_twitter_schema.card.default
+    | default: 'summary_large_image' %}
+  {%- assign ogp_twitter_site = with_ogp_data.twitter.site
+    | default: with_ogp_twitter_schema.site.default
+    | default: '@CentOS' %}
+  {%- assign ogp_twitter_creator = with_ogp_data.twitter.creator
+    | default: with_ogp_twitter_schema.creator.default
+    | default: '@CentOS' %}
 
   {%- comment %} --- Common attributes for both `og` and `twitter` properties --- {% endcomment %}
   {%- assign properties = "og,twitter" | split: "," %}
   {%- for property in properties %}
+  {%- if property == "twitter" %}{%- assign meta_attr = "name" %}{%- else %}{%- assign meta_attr = "property" %}{%- endif %}
+
+    {%- comment %} --- Twitter Card: required first --- {% endcomment %}
+    {%- if property == "twitter" %}
+      <meta name="twitter:card" content="{{ ogp_twitter_card }}" />
+      <meta name="twitter:site" content="{{ ogp_twitter_site }}" />
+      <meta name="twitter:creator" content="{{ ogp_twitter_creator }}" />
+    {%- endif %}
 
     {%- comment %} --- Title --- {% endcomment %}
     {%- if with_ogp_data[property].title %}
-      <meta property="{{ property }}:title" content="{{ page.title }}" />
-    {%- else %}
+      <meta {{ meta_attr }}="{{ property }}:title" content="{{ page.title }}" />
+    {%- endif %}
+
+    {%- comment %} --- OG type and logo (after title, before url) --- {% endcomment %}
+    {%- if property == "og" %}
+      <meta property="og:type" content="{{ ogp_og_type }}" />
+      {%- assign ogp_logo = with_ogp_data.og.logo | default: with_ogp_schema.og.properties.logo.default %}
+      {%- if ogp_logo %}
+        <meta property="og:logo" content="{{ site.url }}{{ site.baseurl }}{{ ogp_logo }}" />
+      {%- endif %}
     {%- endif %}
 
     {%- comment %} --- URL --- {% endcomment %}
     {%- if with_ogp_data[property].url %}
-      <meta property="{{ property }}:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
+      <meta {{ meta_attr }}="{{ property }}:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
     {%- endif %}
 
     {%- comment %} --- Description --- {% endcomment %}
     {%- if with_ogp_data[property].description %}
-      {%- if page.excrept %}
-        <meta property="{{ property }}:description" content="{{ site.excrept }}" />
+      {%- if page.excerpt %}
+        <meta {{ meta_attr }}="{{ property }}:description" content="{{ page.excerpt }}" />
       {%- elsif page.title_lead %}
-        <meta property="{{ property }}:description" content="{{ page.title_lead }}" />
+        <meta {{ meta_attr }}="{{ property }}:description" content="{{ page.title_lead }}" />
       {%- else %}
-        <meta property="{{ property }}:description" content="{{ site.description }}" />
+        <meta {{ meta_attr }}="{{ property }}:description" content="{{ site.description }}" />
       {%- endif %}
     {%- 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" />
+      <meta {{ meta_attr }}="{{ 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" />
+        <meta {{ meta_attr }}="{{ property }}:image:secure_url" content="{{ site.url }}{{ site.baseurl }}/assets/img/centos-social-share.png" />
+        <meta {{ meta_attr }}="{{ property }}:image:type" content="{{ ogp_image_type }}" />
+        <meta {{ meta_attr }}="{{ property }}:image:width" content="{{ ogp_image_width }}" />
+        <meta {{ meta_attr }}="{{ property }}:image:height" content="{{ ogp_image_height }}" />
       {%- endif %}
+      <meta {{ meta_attr }}="{{ property }}:image:alt" content="{{ with_ogp_data[property].image.alt | default: with_ogp_og_image_schema.alt.default | default: 'The CentOS Project' }}" />
     {%- endif %}
 
-    {%- comment %} --- Image alternative text --- {% endcomment %}
-    {%- if with_ogp_data[property].image.alt == nil %}
-      <meta property="{{ property }}:image:alt" content="The CentOS Project" />
+    {%- comment %} --- OG site_name and locale (after image) --- {% endcomment %}
+    {%- if property == "og" %}
+      {%- assign ogp_site_name = with_ogp_data.og.site_name | default: site.title %}
+      {%- if ogp_site_name %}
+        <meta property="og:site_name" content="{{ ogp_site_name }}" />
+      {%- endif %}
+      <meta property="og:locale" content="{{ ogp_locale }}" />
     {%- 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 %}
-
-  {%- 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/toc.html.liquid

@@ -33,30 +33,32 @@ 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
+- with_toc:      include.with_toc → page.with_toc
+- with_toc_data: include.data → page.with_toc_data → site.data.toc → site.data.base.toc
 ================================================================================
 {% endcomment %}
 
-{%- if page.with_toc -%}
-{%- 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 %}
+{%- assign with_toc = include.with_toc
+| default: page.with_toc
+%}
+
+{%- if with_toc -%}
+{%- assign with_toc_data   = include.data | default: page.with_toc_data | default: site.data.toc | default: site.data.base.toc %}
+{%- assign with_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.with_link_decorator_data.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 %}
+{%- assign class             = with_toc_data.class             | default: with_toc_schema["class"].default %}
+{%- assign id                = with_toc_data.id                | default: with_toc_schema["id"].default | default: "page-toc" %}
+{%- assign item_class        = with_toc_data.item_class        | default: with_toc_schema["item_class"].default | default: "my-2" %}
+{%- assign anchor_class      = with_toc_data.anchor_class      | default: with_toc_schema["anchor_class"].default | default: site.with_link_decorator_data.default_link_classes %}
+{%- assign h_min             = with_toc_data.h_min             | default: with_toc_schema["h_min"].default %}
+{%- assign h_max             = with_toc_data.h_max             | default: with_toc_schema["h_max"].default %}
+{%- assign ordered           = with_toc_data.ordered           | default: with_toc_schema["ordered"].default %}
+{%- assign submenu_class     = with_toc_data.submenu_class     | default: with_toc_schema["submenu_class"].default %}
+{%- assign base_url          = with_toc_data.base_url          | default: with_toc_schema["base_url"].default %}
+{%- assign sanitize          = with_toc_data.sanitize          | default: with_toc_schema["sanitize"].default %}
+{%- 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 %}
 
 {%- comment %} === Presentation === {% endcomment %}
 

data/_layouts/base/default.html

@@ -1,9 +1,9 @@
 <!doctype html>
 <html lang="{{ page.lang | default: 'en' }}"{% if page.with_ogp %} prefix="og: https://ogp.me/ns#"{% endif %}>
-  {% include base/partials/head.html.liquid -%}
+  {% include base/head.html.liquid -%}
   <body id="top" class="bg-body">
 
-    {% include base/partials/navbar.html.liquid -%}
+    {% include base/navbar.html.liquid -%}
 
     {% include base/project.html.liquid %}
 
@@ -27,7 +27,7 @@
 
       {% if page.with_title %}
       <div class="row mb-3">
-        <div class="{{ site.data.base.partials.content.class | default: 'col' }}">
+        <div class="{{ site.data.base.content.class | default: 'col' }}">
           {% include base/title.html.liquid %}
         </div>
       </div>
@@ -35,7 +35,7 @@
 
       {% if page.with_artwork %}
       <div class="row mb-3">
-        <div class="{{ site.data.base.partials.content.class | default: 'col' }}">
+        <div class="{{ site.data.base.content.class | default: 'col' }}">
           {% include base/artwork.html.liquid %}
         </div>
       </div>
@@ -43,7 +43,7 @@
 
       {% if page.with_toc %}
       <div class="row mb-3">
-        <div class="{{ site.data.base.partials.content.class | default: 'col' }}">
+        <div class="{{ site.data.base.content.class | default: 'col' }}">
           {% include base/toc.html.liquid %}
         </div>
       </div>
@@ -51,7 +51,7 @@
 
       {% if page.with_content %}
       <div class="row mb-3">
-        <div class="{{ site.data.base.partials.content.class | default: 'col' }} content">
+        <div class="{{ site.data.base.content.class | default: 'col' }} content">
         {{ content }}
         </div>
       </div>
@@ -61,11 +61,8 @@
 
     {% if page.with_footer %}
     <footer class="footer small bg-dark text-centos-purple-100 pt-5">
-    {% include base/partials/footer.html.liquid -%}
+    {% include base/footer.html.liquid -%}
     </footer>
     {% endif %}
-
-    {% include base/partials/script.html.liquid -%}
-
   </body>
 </html>

data/_sass/base/_customization.scss

@@ -75,14 +75,12 @@ body {
   li {
     list-style: none;
   }
-  li:before {
-    font-family: FontAwesome;
-    font-size: .35rem;
-    color: $body-color;
+  li::before {
+    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='6' height='6'><circle cx='256' cy='256' r='256' fill='rgba(#{to-rgb($body-color)},1)'/></svg>");
+    vertical-align: middle;
     position: relative;
     left: -0.5rem;
     top: -0.2rem;
-    content:"\f111";
   }
 }
 
@@ -179,8 +177,8 @@ main {
   // -------------------------------------------------------------------------------
   // Heading Anchor Component
   // -------------------------------------------------------------------------------
-  // :has() guard: position context + right slot for the anchor icon.
-  // padding-right reserves space so the icon never overlaps heading text.
+  // :has() guard: position context for the anchor icon.
+  // No padding change — the icon translates left of the text start to preserve heading alignment.
   .content > h1:has(.heading-anchor),
   .content > h2:has(.heading-anchor),
   .content > h3:has(.heading-anchor),
@@ -188,7 +186,6 @@ main {
   .content > h5:has(.heading-anchor),
   .content > h6:has(.heading-anchor) {
     position: relative;
-    padding-right: 1.5rem;
   }
   .content > h1 .heading-anchor,
   .content > h2 .heading-anchor,
@@ -197,16 +194,33 @@ main {
   .content > h5 .heading-anchor,
   .content > h6 .heading-anchor {
     position: absolute;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    font-size: $font-size-base;
+    left: 0;
+    top: 0;
+    height: 1lh;
+    display: flex;
+    align-items: center;
+    transform: translateX(-100%);
+    font-size: 1em;
     margin-left: 0 !important;
     margin-right: 0 !important;
-    opacity: 0.2;
+    opacity: 0;
     pointer-events: auto;
     text-decoration: none;
   }
+  .content > h1 .heading-anchor > i,
+  .content > h1 .heading-anchor > svg,
+  .content > h2 .heading-anchor > i,
+  .content > h2 .heading-anchor > svg,
+  .content > h3 .heading-anchor > i,
+  .content > h3 .heading-anchor > svg,
+  .content > h4 .heading-anchor > i,
+  .content > h4 .heading-anchor > svg,
+  .content > h5 .heading-anchor > i,
+  .content > h5 .heading-anchor > svg,
+  .content > h6 .heading-anchor > i,
+  .content > h6 .heading-anchor > svg {
+    font-size: 0.5em;
+  }
   .content > h1:hover .heading-anchor,
   .content > h2:hover .heading-anchor,
   .content > h3:hover .heading-anchor,