jekyll-theme-centos 2.52.0.beta.103 → 2.52.0.beta.104

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4b83d29c9acbb7b4dc2372a6fdac8874392241703bff881a0493da9bfa54c623
-  data.tar.gz: 11607671da1f262fc820cacdb070be7d43450d356b7c75be4875efffeeb53971
+  metadata.gz: 4e809bdd8a4da3bd0a153ea50706b23b0f2f6e92810cd96a242e707e0489f775
+  data.tar.gz: a2a06dc72c72f6d142e06760b5df7ac57835766e6a3d12c5ed91bb60909edb45
 SHA512:
-  metadata.gz: 728e7780f6d0f9b18b84abb69180bbdff14ac086736b6b1ed6923c9ed14b243c748c5277fe65aa1cb7d5810d432b9c63d6e389cc0bb1dac59f9f953d0132ec0b
-  data.tar.gz: ac7ff6b0735c0d37b43f3e71476dd0c669f5b98847311ddbbf79c52932e5a5602c928cf32559449b87e2ec8ba681ec48d288330bbf188f6c203e70efd0ce4c1e
+  metadata.gz: d73804650ef87a43eb96d1eb05ed2b7e274d5e436f69a5ba50b52dd92d7a97a49a5e4c83e7e82799e8d2eb56d3847b1fe02ce51d0ae53b6904d34e2e2af65b45
+  data.tar.gz: c6c4407b5a5c54b3064912898b500d1dd6f59e69ddf2b0c582b939c78ddd5595830bcd42b687b21e357fa009cbed5361480bdc94ad28304922e77b3fad047e89

data/_data/base/announcement_schema.yml

@@ -46,4 +46,3 @@ properties:
         - content
       additionalProperties: false
 additionalProperties: false
-# test

data/_data/base/backtotop_schema.yml

@@ -31,6 +31,7 @@ properties:
           (e.g., `7.2.1`).
       script_integrity:
         type: string
+        format: sri-hash
         default: "sha384-vPjvei7c1a3IpCr0kkDEOMRmlCHcv8REJw1B2eKJM55swier62xiYRVistfMKEUj"
         description: >-
           SRI hash for the vanilla-back-to-top script loaded from the CDN.

data/_data/base/calendar_schema.yml

@@ -27,18 +27,20 @@ properties:
           [npm releases](https://www.npmjs.com/package/@event-calendar/build).
       css_integrity:
         type: string
+        format: sri-hash
         default: "sha384-5OjKEq4IUsR96wC/J0fB3WgMd7ZdsjiPyid1vtIlPlvF/+ejb/2FzrZvaFaBT0mj"
         description: >-
           The Subresource Integrity (SRI) CSS checksum (`sha384-...`) for
-          the specific Event Calendar version used. This is essential for
-          ensuring the integrity of the loaded CSS resource.
+          the specific Event Calendar version used. Must be updated when
+          `version` changes.
       script_integrity:
         type: string
+        format: sri-hash
         default: "sha384-BCmNKxNY/4PzGJZW9hkN1WE25izUyjMcuzOoWcxqgiDD7iSdNxI4PYVYzaTsvDig"
         description: >-
           The Subresource Integrity (SRI) JavaScript checksum (`sha384-...`)
-          for the specific Event Calendar version used. This ensures the
-          integrity of the loaded JavaScript file.
+          for the specific Event Calendar version used. Must be updated when
+          `version` changes.
       view:
         type: string
         default: "dayGridMonth"

data/_data/base/datatable_schema.yml

@@ -25,26 +25,28 @@ properties:
           This value is sourced from the DataTables [download page](https://datatables.net/download/).
       css_integrity:
         type: string
+        format: sri-hash
         default: "sha384-nD9P196GmYuiIASpxI7+7/0LqD6BBA74CfgIOSQUo7brmKKeph8lSEMm2sGgSAvK"
         description: >-
           The Subresource Integrity (SRI) CSS checksum (`sha384-...`) for the
-          specific DataTables version used. This is essential for ensuring the integrity
-          of the loaded CSS resource.
+          specific DataTables version used. Must be updated when `version`
+          changes.
       script_integrity:
         type: string
+        format: sri-hash
         default: "sha384-pszF7QvU8ChuuhQBJGIvzVEcojfpYqQOVG2PaXES4M4Mcn+1CqfQ4r1b/mpdtn/6"
         description: >-
           The Subresource Integrity (SRI) JavaScript checksum (`sha384-...`)
-          for the specific DataTables version used. This ensures the integrity of
-          the loaded JavaScript file.
+          for the specific DataTables version used. Must be updated when
+          `version` changes.
       page_length:
-        type: integer # SUGGESTION: Changed from string to integer for strict validation
+        type: integer
         default: 10
         description: >-
           The default number of entries (rows) to display per page initially.
           Users can dynamically change this value using the length menu control.
       length_menu:
-        type: string # Kept as string to preserve comma-separated input ease
+        type: string # String, not an array, so a comma-separated list stays easy to type
         default: "10,25,50,75"
         description: >-
           A comma-separated list of numbers defining the options available

data/_data/base/fontawesome_schema.yml

@@ -30,16 +30,24 @@ properties:
         description: The name of the CSS bundle file to include (e.g., `all` loads all styles).
       css_bundle_integrity:
         type: string
+        format: sri-hash
         default: "sha512-ApSLB1Pd3/bZN8fWB/RG9YhN/7bd9Hkf3AGaE2mPfebjrxagjuBtx2GcgdqIlJkUzwylBo61r9Xa9NmgBI0swA=="
-        description: The Subresource Integrity (SRI) CSS checksum (`sha512-...`) for the specified bundle, ensuring the security and integrity of the stylesheet file.
+        description: >-
+          The Subresource Integrity (SRI) CSS checksum (`sha512-...`) for the
+          specified bundle. Must be updated when `version` or
+          `css_bundle_name` changes.
       js_bundle_name:
         type: string
         default: "all"
         description: The name of the JavaScript bundle file to include (e.g., `all` loads all JS functionality).
       js_bundle_integrity:
         type: string
+        format: sri-hash
         default: "sha512-BivWm1+PupfLofQ5Ei/fNEC6Oq6IZiGO9WUm2ibWHZ33cj/qTX4zsBW/0SN9Myo4HEmINmr0wjuQE8eDL3rmng=="
-        description: The Subresource Integrity (SRI) JavaScript checksum (`sha512-...`) for the specified bundle, ensuring the security and integrity of the script file.
+        description: >-
+          The Subresource Integrity (SRI) JavaScript checksum (`sha512-...`)
+          for the specified bundle. Must be updated when `version` or
+          `js_bundle_name` changes.
       mode:
         type: string
         enum:

data/_data/base/project.yml

@@ -16,7 +16,7 @@ description: Community Enterprise Operating System
 # Project Actions
 # -------------------------------------------------------------------------------
 # Use short verbs to tell users what they can do inside the project (e.g., Know
-# more, Contribute, etc.). Project actions
+# more, Contribute, etc.).
 actions:
   - name: Know more
     icon: fa-solid fa-arrow-right

data/_includes/base/configuration_variables-default-cell.html.liquid

@@ -0,0 +1,83 @@
+{% comment %}
+================================================================================
+Template: Configuration Variables — Default Cell
+Purpose: Renders one Default-column cell's contents. Included from both
+configuration_variables.html.liquid (top-level table) and
+configuration_variables-nested.html.liquid (recursive nested tables) so every
+schema-driven Name/Type/Default/Description table presents a long default
+value the same way, with one shared rule instead of two copies that could
+drift apart.
+
+Behavior:
+- Liquid's `default` filter treats `false` as blank, so a plain
+  `include.default | default: "—"` would hide a real `false` value. This nil
+  check keeps `false` distinct from "no default set".
+- An explicit `default: ""` (e.g. download_schema.yml's `iso`/`rpm`/`link`
+  URLs, whose description already says "Empty hides the ... button") is a
+  real, intentional default — not the same as "no default declared". Left to
+  fall through to `<code>{{ default_value }}</code>`, it renders as a visibly
+  empty inline code element: sighted users read it as a rendering glitch, and
+  a screen reader announces an empty `<code>` with no indication a value is
+  even there, which fails WCAG 1.3.1 (the "default is an empty string" fact
+  is conveyed by absence alone, not programmatically). It gets its own
+  `<code>""</code>` rendering plus a `.visually-hidden` "(empty string)" note,
+  so the cell reads as a value distinct from both `—` (nil) and a populated
+  default.
+- Every real default value renders as `<code>`, the same as the Name and
+  Type columns — a config default is a literal value, not prose, so it's
+  shown raw (escaped, not markdownified) rather than interpreted as
+  Markdown. The nil placeholder `—` is left plain, since it isn't a value.
+- A default value with a long unbroken run of characters (an SRI hash, a
+  CDN URL, ...) forces its column wide under normal table auto-layout, at
+  the Description column's expense, regardless of how many columns the
+  table has. Truncating it into a fixed-width single-line box instead would
+  need scrolling or selecting to read the rest, which runs against WCAG
+  1.4.10 Reflow. Past `long_value_threshold` characters with no space to
+  wrap at, the *longest unbroken token* (not the value's total length —
+  see below) gets the extra `.long-value` class (breaks at any character
+  via `overflow-wrap: anywhere`, see _customization.scss): the full value
+  stays visible with no interaction required, and it takes only the width
+  it actually needs.
+- Checked by longest unbroken token, not total length: a value can be long
+  overall but still wrap fine on its own spaces (a class list, a sentence);
+  what actually forces a column wide is one run with nowhere to break.
+- Only `type: string` values are checked for length — a boolean or number
+  is never "long", and running `split`/`size` on a non-string isn't
+  reliable.
+
+Required Inputs:
+- default: The raw prop_details.default value (may be nil, false, a string, etc.)
+- type: The property's schema `type`, e.g. "string", "boolean".
+================================================================================
+{% endcomment %}
+
+{% if include.default == nil %}
+  {% assign default_value = "—" %}
+{% elsif include.default == "" %}
+  {% assign default_value = "" %}
+  {% assign is_empty_string = true %}
+{% else %}
+  {% assign default_value = include.default %}
+{% endif %}
+
+{% assign long_value_threshold = 24 %}
+{% assign max_token_length = 0 %}
+{% if include.type == "string" and default_value != "—" %}
+  {% assign default_tokens = default_value | split: " " %}
+  {% for token in default_tokens %}
+    {% assign token_length = token | size %}
+    {% if token_length > max_token_length %}
+      {% assign max_token_length = token_length %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+{% if default_value == "—" %}
+—
+{% elsif is_empty_string %}
+<code>""</code><span class="visually-hidden"> (empty string)</span>
+{% elsif max_token_length > long_value_threshold %}
+<code class="long-value">{{ default_value | escape }}</code>
+{% else %}
+<code>{{ default_value | escape }}</code>
+{% endif %}

data/_includes/base/configuration_variables-nested.html.liquid

@@ -17,8 +17,6 @@ others. Requires two distinct loops for valid HTML structure.
 
 {% if current_properties %}
 
-  {% assign current_property_count = current_properties | size %}
-
   {% assign table_classes = "table dataTable" %}
   {% assign table_id = parent_name | slugify | append: '-nested-' | append: current_level %}
 
@@ -42,39 +40,14 @@ others. Requires two distinct loops for valid HTML structure.
       {% for property in current_properties -%}
         {% assign prop_key = property[0] %}
         {% assign prop_details = property[1] %}
-        {% comment %}
-        Liquid's `default` filter treats `false` as blank, so a plain
-        `prop_details.default | default: "—"` would hide a real `false`
-        value. This nil check keeps `false` distinct from no default set.
-        {% endcomment %}
-        {% if prop_details.default == nil %}
-          {% assign default_value = "—" %}
-        {% else %}
-          {% assign default_value = prop_details.default %}
-        {% endif %}
 
         <tr>
           <td><code>{{ prop_key }}</code></td>
           {% if columns %}
             {% for col in columns %}<td>{{ prop_details[col.key] | strip_newlines | markdownify | default: "—" }}</td>{% endfor %}
           {% else %}
-            <td>{{ prop_details.type | strip_newlines | markdownify | default: "—" }}</td>
-            {% comment %}
-            A long SRI hash as plain text stretches this column past the
-            others. format: sri-hash renders it as a copyable value
-            instead, the same pattern download_filevalue.html.liquid uses
-            for checksums.
-            {% endcomment %}
-            {% if prop_details.format == "sri-hash" %}
-            <td>
-              <div class="input-group input-group-sm">
-                <input type="text" class="form-control font-monospace" readonly value="{{ default_value | escape }}" aria-label="Value for {{ prop_key }}">
-                <button type="button" class="input-group-text copy-btn focus-ring" data-copy-value="{{ default_value | escape }}" data-bs-toggle="tooltip" data-bs-title="Copy value" aria-label="Copy value for {{ prop_key }}"><span class="fa-regular fa-copy"></span></button>
-              </div>
-            </td>
-            {% else %}
-            <td>{{ default_value | strip_newlines | markdownify | default: "—" }}</td>
-            {% endif %}
+            <td>{% if prop_details.type %}<code>{{ prop_details.type }}</code>{% else %}—{% endif %}</td>
+            <td>{% include base/configuration_variables-default-cell.html.liquid default=prop_details.default type=prop_details.type %}</td>
             <td>{{ prop_details.description | strip_newlines | markdownify | default: "—" }}</td>
           {% endif %}
         </tr>
@@ -98,7 +71,6 @@ others. Requires two distinct loops for valid HTML structure.
     {% endif %}
 
     {% if nested_properties %}
-      {% comment %} Found deeper nesting: Call the next level {% endcomment %}
       {% assign next_parent_name = include.parent_name | append: "." | append: prop_key %}
       {% assign next_level_val = current_level | plus: 1 %}
 

data/_includes/base/configuration_variables.html.liquid

@@ -17,15 +17,10 @@ of separate, nested DataTables for complex properties.
 
 {% if property_schema.properties %}
 
-  {% comment %} 1. Calculate the property count for the top table using | size. {% endcomment %}
-  {% assign property_count = property_schema.properties | size %}
-
-  {% comment %} 2. Determine the CSS classes for the top-level table. {% endcomment %}
   {% assign table_classes = "table dataTable" %}
 
   <p>The <code>{{ page.component.name }}</code> {{ page.component.type }} understands the following configuration variables:</p>
 
-  {% comment %} 3. Render the top-level table completely {% endcomment %}
   <table class="{{ table_classes }}">
     <thead>
       <tr>
@@ -48,8 +43,8 @@ of separate, nested DataTables for complex properties.
           {% if columns %}
             {% for col in columns %}<td>{{ prop_details[col.key] | strip_newlines | markdownify | default: "—" }}</td>{% endfor %}
           {% else %}
-            <td>{{ prop_details.type        | strip_newlines | markdownify | default: "—" }}</td>
-            <td>{{ prop_details.default     | strip_newlines | markdownify | default: "—" }}</td>
+            <td>{% if prop_details.type %}<code>{{ prop_details.type }}</code>{% else %}—{% endif %}</td>
+            <td>{% include base/configuration_variables-default-cell.html.liquid default=prop_details.default type=prop_details.type %}</td>
             <td>{{ prop_details.description | strip_newlines | markdownify | default: "—" }}</td>
           {% endif %}
         </tr>
@@ -57,7 +52,7 @@ of separate, nested DataTables for complex properties.
     </tbody>
   </table>
 
-  {% comment %} 4. Initiate recursive nested table generation (separate loop) {% endcomment %}
+  {% comment %} Separate loop, run only after </table> closes above: recurses into any property that nests its own properties. {% endcomment %}
   {% for property in property_schema.properties -%}
     {% assign prop_key = property[0] %}
     {% assign prop_details = property[1] %}
@@ -65,12 +60,10 @@ of separate, nested DataTables for complex properties.
     {% assign nested_properties = nil %}
     {% assign type_desc = "" %}
 
-    {% comment %} Check for nested structures in the top-level properties {% endcomment %}
     {% if prop_details.type == "object" and prop_details.properties %}
       {% assign nested_properties = prop_details.properties %}
       {% assign type_desc = "dictionary (map)" %}
     {% elsif prop_details.type == "array" and prop_details.items.properties %}
-      {% comment %} Handle array of objects {% endcomment %}
       {% assign nested_properties = prop_details.items.properties %}
       {% assign type_desc = "list of dictionaries" %}
     {% endif %}
@@ -78,7 +71,6 @@ of separate, nested DataTables for complex properties.
     {% if nested_properties %}
       {% assign initial_level = 1 %}
 
-      {% comment %} Call the recursive include for the first level of nested properties. {% endcomment %}
       {% include base/configuration_variables-nested.html.liquid
       properties=nested_properties
       parent_name=prop_key

data/_includes/base/head.html.liquid

@@ -12,7 +12,10 @@ Design Logic:
 - Google Fonts: Montserrat (5 weights) and Source Code Pro (2 weights) via async stylesheet
 - Breakingnews scroll offset: dynamic CSS calculation
 - Conditional includes: OGP, Highlight.js, DataTables, FontAwesome (SVG+JS), Event Calendar
-- CSS prioritization: custom stylesheet last for override
+- CSS load order: theme stylesheet loads first, then per-component vendor
+  CSS (FontAwesome, DataTables, Event Calendar). Components whose vendor CSS
+  needs correcting win with higher-specificity selectors in their own SCSS
+  partial instead of load order — see _datatable.scss and _calendar.scss.
 - Script loading: Bootstrap base first (defer), then optional extensions, then UI behaviors
 - Bootstrap and FontAwesome preloaded (high-priority fetch); CDN origins preconnected + dns-prefetched per active component
 

data/_sass/base/_customization.scss

@@ -343,6 +343,19 @@ main {
       background-color: transparent;
       border-radius: 0;
     }
+
+    // A configuration default's long unbroken token (an SRI hash, a CDN
+    // URL, ...) has no natural break point, so it needs an explicit
+    // permission to wrap — otherwise it either overflows or forces its
+    // column wide (configuration_variables-default-cell.html.liquid, used
+    // by both configuration_variables.html.liquid and its nested
+    // counterpart). `anywhere` (not `break-word`) also lets it contribute
+    // a single-character min-content width, so table auto layout gives the
+    // column only the space it actually needs, regardless of how many
+    // columns the table has.
+    .long-value {
+      overflow-wrap: anywhere;
+    }
   }
 }
 

data/_sass/base/_theme-colors.scss

@@ -26,14 +26,17 @@ $theme-colors: map-merge($theme-colors, $centos-base-colors);
       // Light shades: use standard tint-color (adds white, works well)
       $shade-color: tint-color($color, percentage(math.div(500 - $shade, 500)));
     } @else if $shade > 500 {
-      // Special case: Green 700 needs 30% black mix (not 20%) for AA compliance.
-      // This ensures WHITE text contrast meets 4.5:1 threshold.
+      // Special case: green-700 skips the saturated-shade formula below and
+      // mixes 30% black directly, to keep its contrast against this theme's
+      // body text at a safe margin above WCAG AA — see src/YAML/color.yml's
+      // generated centos-green-700 entry for the current contrast ratio.
       @if $name == "centos-green" and $shade == 700 {
         $shade-color: shade-color($color, 30%);
       } @else {
-        // NEW: Use saturation-normalized shade for all other dark shades
-        // This function increases saturation multiplier for grades 800-950
-        // Result: vivid dark colors that feel on-brand
+        // Saturation-normalized shade for every other dark grade (800-950):
+        // increases the saturation multiplier so these stay vivid and
+        // on-brand instead of fading gray, the way Bootstrap's own
+        // shade-color() would.
         $shade-color: saturated-shade($color, $shade);
       }
     } @else {

data/_sass/base/_variables.scss

@@ -158,7 +158,8 @@ $code-color: #673259;
 // These control the default background and text colors for the entire page.
 $body-bg: $white;
 $body-color: #1c0d19; // purple-tinted near-black; matches the text_color_hex value
-                       // used across most centos-purple shades in _data/base/color.yml
+                       // paired with the light centos-purple shades (50-400) in
+                       // src/YAML/color.yml
 
 // Bootstrap's color-contrast() function (used by .text-bg-* utilities like
 // .text-bg-light) picks between $color-contrast-dark/-light to pair with a

data/assets/js/base/datatable.js

@@ -39,7 +39,19 @@ document.addEventListener('DOMContentLoaded', () => {
       wrapper.appendChild(tableEl)
     }
 
+    // DataTables' autoWidth measures every cell in a detached, unconstrained
+    // clone before the table is laid out, so a `.long-value` cell's
+    // `overflow-wrap: anywhere` (_customization.scss) never gets a chance
+    // to wrap during that measurement — DataTables sees the value's full
+    // one-line length and gives its column that much width, starving every
+    // other column. Detected by content, not column position or count, so
+    // it holds regardless of which column the value ends up in or how many
+    // columns the table has. Skipping autoWidth here lets the browser's own
+    // table layout size columns instead, which does respect the wrap.
+    const hasWrappingLongValue = tableEl.querySelector('.long-value') !== null
+
     new DataTable(tableEl, {
+      autoWidth: !hasWrappingLongValue,
       paging: enabledCondition,
       info: enabledCondition,
       searching: enabledCondition,

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.103
+  version: 2.52.0.beta.104
 platform: ruby
 authors:
 - Alain Reguera Delgado
@@ -341,6 +341,7 @@ files:
 - _includes/base/calendar.html.liquid
 - _includes/base/card.html.liquid
 - _includes/base/color-table.html.liquid
+- _includes/base/configuration_variables-default-cell.html.liquid
 - _includes/base/configuration_variables-nested.html.liquid
 - _includes/base/configuration_variables.html.liquid
 - _includes/base/content.html.liquid