jekyll-theme-centos 2.52.0.beta.76 → 2.52.0.beta.78

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c4ef774636c760c10d5c1926c417c378250457c61100f69528236f9fbaa38c54
-  data.tar.gz: 03bd065fd6ca922686c46c223b3611fbac030c3791d7433f0c8d9dde223c0463
+  metadata.gz: cbe756786a2e1582e88c6e174721d3f3457d81aa5d9ea4846e8b53ff0bca3a19
+  data.tar.gz: b9e9098fde19be75627b7f3239825b7aa3fc5daad2bcd8e1f7180c4d5cabc0a4
 SHA512:
-  metadata.gz: 672db84b77b3d3ce64da5b1fd54f61125f379740d3e24564daebc5ba2609405f6dc89ecdbf7b05e5099e111a6d37c89fd3a70487b1d9ad0ed458778b2a8988ed
-  data.tar.gz: 05ee7381b4fbfad3aab66bf254fd3a5d07ae6326f6fadcbeb8add9afbede7c81238a0145bce2350355d8564c4f80c88f5a0469763dbb99846634c67a66799fc9
+  metadata.gz: f4e02695884ce448834ffe7a961d5b8905a1cf8cb4367935f8a8566c10403da74dd7d05c9976f2f1ac9ac10e2e3a1d53c6f0be314ddb4310f299c8b7521491de
+  data.tar.gz: 3069b56eca0abfed57106906af11cc84e6c8b9b236889ce4d8333a14e8925b1c4ddd47b3fb9fa3cd01df2881b231db684c43b72bc196569b79e4668a22399c6f

data/_data/base/project_schema.yml

@@ -23,6 +23,14 @@ properties:
         description: >-
           Custom Bootstrap classes for the main project container, controlling
           alignment, background, and text colors (e.g., `padding`, `bg-image`).
+      content_class:
+        type: string
+        default: flex-column align-items-center py-5
+        description: >-
+          Custom Bootstrap classes for the inner content wrapper (the card
+          rendered inside the project container). Controls flex alignment
+          — e.g., swap `align-items-center` for `align-items-start` or
+          `align-items-end` to control text/content direction.
       screenshot:
         type: string
         default: ""
@@ -71,7 +79,7 @@ properties:
         description: The visible title or name of the project. This field is typically required.
       name_class:
         type: string
-        default: display-3 fw-bold mb-1
+        default: display-3 fw-bold mb-1 text-center
         description: Custom CSS classes applied to the project name text element.
       description:
         type: string
@@ -79,7 +87,7 @@ properties:
         description: A detailed summary or description of the project.
       description_class:
         type: string
-        default: lead mb-3 text-center
+        default: lead mb-0 text-center
         description: Custom CSS classes applied to the project description text element.
       actions:
         type: array
@@ -93,7 +101,7 @@ properties:
           additionalProperties: true
       actions_class:
         type: string
-        default: "mb-3"
+        default: "pt-5 mb-3"
         description: Custom CSS classes applied to the container wrapping the action buttons list.
       actions_btn_class:
         type: string

data/_includes/base/artwork.html.liquid

@@ -20,6 +20,8 @@ Optional Inputs:
 - class: Container div CSS classes
 - image_class: Image element CSS classes
 - 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")
 
 Data Source Hierarchy (priority):
 1. include.data
@@ -50,10 +52,11 @@ Data Source Hierarchy (priority):
 {%- assign artwork_alt         = with_artwork_data.alt         | default: with_artwork_schema.alt.default %}
 {%- 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' %}
 
 {%- comment %} --- HTML --- {% endcomment %}
 <div class="row mb-3">
-  <div class="{{ site.data.base.content.class | default: 'col' }}">
+  <div class="{{ column_class }}">
     <div class="{{ artwork_class }}">
       {%- if artwork_image contains "://" %}
         <img src="{{ artwork_image }}" class="{{ artwork_image_class }}" alt="{{ artwork_alt }}" />

data/_includes/base/breadcrumb.html.liquid

@@ -20,6 +20,8 @@ Required Inputs:
 
 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")
 
 Data Source Hierarchy:
 - with_breadcrumb: include.with_breadcrumb → page.with_breadcrumb
@@ -47,8 +49,10 @@ Data Source Hierarchy:
 {%- comment %} Use plugin-provided locale (set for localized pages, defaults to 'en') {%- endcomment %}
 {%- assign detected_locale = page.locale | default: 'en' %}
 
+{%- assign column_class = include.column_class | default: 'col' %}
+
 <div class="row small mb-3">
-  <div class="col">
+  <div class="{{ column_class }}">
     <nav 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 %}

data/_includes/base/content.html.liquid

@@ -14,7 +14,8 @@
   | default: site.data[content_schema_key]
   | default: site.data.base[content_schema_key]
   -%}
-  {%- assign class = with_content_data.class
+  {%- 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">

data/_includes/base/head.html.liquid

@@ -80,7 +80,10 @@ Uses CSS custom properties for cleaner, more maintainable dynamic styling.
 {%- assign breakingnews = page.with_breakingnews_data | default: site.data.breakingnews | default: site.data.base.breakingnews %}
 {%- if page.with_breakingnews == true and breakingnews.size > 0 %}
   {%- assign breakingnews_alert_height = site.data.base.breakingnews_schema.properties.breakingnews_alert_height.default %}
-  {%- assign navbar_height = site.data.base.navbar_schema.properties.navbar_height.default %}
+  {%- assign navbar_height = 0 %}
+  {%- if page.with_navbar %}
+    {%- assign navbar_height = site.data.base.navbar_schema.properties.navbar_height.default %}
+  {%- endif %}
   {%- assign breakingnews_offset = 0 %}
   {%- for item in breakingnews %}
     {%- if forloop.first %}

data/_includes/base/project.html.liquid

@@ -31,6 +31,10 @@ Data Source Hierarchy (priority):
 | default: page.with_project
 %}
 
+{%- assign with_navbar = include.with_navbar
+| default: page.with_navbar
+%}
+
 {%- assign with_project_data = include.data
 | default: page.with_project_data
 | default: site.data.project
@@ -42,6 +46,7 @@ Data Source Hierarchy (priority):
 {%- if with_project -%}
 
 {% assign project_class               = with_project_data.class               | default: with_project_schema.class.default %}
+{% assign project_content_class       = with_project_data.content_class       | default: with_project_schema.content_class.default %}
 {% assign project_screenshot          = with_project_data.screenshot          | default: with_project_schema.screenshot.default %}
 {% assign project_screenshot_class    = with_project_data.screenshot_class    | default: with_project_schema.screenshot_class.default %}
 {% assign project_screenshot_alt      = with_project_data.screenshot_alt      | default: with_project_schema.screenshot_alt.default %}
@@ -63,9 +68,9 @@ Data Source Hierarchy (priority):
 {% assign project_resources_btn_class = with_project_data.resources_btn_class | default: with_project_schema.resources_btn_class.default %}
 
 <div class="d-flex{% if project_class != "" %} {{ project_class }}{% endif %}">
-  <div class="container pt-5">
+  <div class="container{% if with_navbar %} pt-5{% endif %}">
     {% include base/card.html.liquid
-          class             = "flex-column align-items-center pb-3"
+          class             = project_content_class
           color             = "primary"
           screenshot        = project_screenshot
           screenshot_class  = project_screenshot_class

data/_includes/base/title.html.liquid

@@ -22,6 +22,8 @@ Optional Inputs (from data objects):
 
 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")
 
 Data Source Hierarchy (in priority order):
 1. include.data       - Explicitly passed configuration
@@ -54,9 +56,10 @@ Conditional Logic:
 {%- assign title_class      = with_title_data.title_class      | default: with_title_schema.title_class.default %}
 {%- 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' %}
 
 <div class="row mb-3">
-  <div class="{{ site.data.base.content.class | default: 'col' }}">
+  <div class="{{ column_class }}">
     <div class="{{ class }}">
       <p class="{{ title_class }}">{{ title }}</p>
       {% if title_lead != "" %}

data/_includes/base/toc.html.liquid

@@ -31,6 +31,8 @@ Optional Inputs (from data objects):
 
 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")
 
 Data Source Hierarchy (in priority order):
 - with_toc:      include.with_toc → page.with_toc
@@ -59,12 +61,13 @@ Data Source Hierarchy (in priority order):
 {%- 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 %}
+{%- assign column_class      = include.column_class | default: 'col' %}
 
 {%- comment %} === Presentation === {% endcomment %}
 
 {%- comment %} --- HTML ---  {% endcomment %}
 <div class="row mb-3">
-  <div class="{{ site.data.base.content.class | default: 'col' }}">
+  <div class="{{ column_class }}">
     <div class="accordion shadow-sm" id="pageToc">
       <div class="accordion-item">
         <div class="accordion-header" id="flush-headingOne">

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">
+  <body id="top" class="bg-body{% if page.with_navbar %} has-navbar{% endif %}">
 
     {% include base/navbar.html.liquid -%}
 
@@ -9,6 +9,15 @@
 
     {% 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 %}
@@ -17,15 +26,15 @@
 
       {% include base/event.html.liquid %}
 
-      {% include base/breadcrumb.html.liquid %}
+      {% include base/breadcrumb.html.liquid column_class=content_class %}
 
-      {% include base/title.html.liquid %}
+      {% include base/title.html.liquid column_class=content_class %}
 
-      {% include base/artwork.html.liquid %}
+      {% include base/artwork.html.liquid column_class=content_class %}
 
-      {% include base/toc.html.liquid %}
+      {% include base/toc.html.liquid column_class=content_class %}
 
-      {% include base/content.html.liquid %}
+      {% include base/content.html.liquid column_class=content_class %}
 
     </main>
 

data/_sass/base/_customization.scss

@@ -22,10 +22,20 @@
 }
 
 body {
-  padding-top: $breakingnews-height;
+  padding-top: 0;
 
   .sticky-top-breakingnews {
-    top: $breakingnews-height;
+    top: 0;
+  }
+
+  // Fixed-top navbar reserves this vertical space; pages that disable it
+  // (with_navbar: false) get no compensation, since nothing needs clearing.
+  &.has-navbar {
+    padding-top: $breakingnews-height;
+
+    .sticky-top-breakingnews {
+      top: $breakingnews-height;
+    }
   }
 }
 
@@ -160,7 +170,6 @@ main {
   .content > h4,
   .content > h5,
   .content > h6 {
-    scroll-margin-top: 80px;
     scroll-margin-bottom: 100px;
     margin-top: 3rem;
   }
@@ -170,7 +179,6 @@ main {
     margin-bottom: $spacer * 0.75;
   }
   .content > figure {
-    scroll-margin-top: 80px;
     scroll-margin-bottom: 100px;
   }
 
@@ -248,7 +256,6 @@ main {
   // item internal layout while still providing proper scroll margin and visual spacing.
   .content .accordion,
   .content .accordion-item {
-    scroll-margin-top: 80px;
     scroll-margin-bottom: 100px;
   }
 
@@ -329,3 +336,24 @@ main {
     }
   }
 }
+
+// --------------------------------------------------------------------------------
+// Navbar-dependent scroll offset (fixed-top navbar only)
+// --------------------------------------------------------------------------------
+// scroll-margin-top exists solely to keep anchored headings/figures/accordions from
+// being hidden behind the fixed-top navbar. Scoped to .has-navbar (stamped on <body>
+// in the layout only when page.with_navbar is true) so pages that disable the navbar
+// get no phantom offset.
+body.has-navbar main {
+  .content > h1,
+  .content > h2,
+  .content > h3,
+  .content > h4,
+  .content > h5,
+  .content > h6,
+  .content > figure,
+  .content .accordion,
+  .content .accordion-item {
+    scroll-margin-top: 80px;
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.76
+  version: 2.52.0.beta.78
 platform: ruby
 authors:
 - Alain Reguera Delgado