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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 930c947b9435c61c4faf7651b4539eb6eebc82a583b06b1b50e8f9323dfaa27f
-  data.tar.gz: 338e6dd2b51a04f554093975d8ed3428a0a7e844a11b3174a6b7cd8b5f55aec4
+  metadata.gz: 2ffc196c38f709bb67139de8872c16b92ff919d1fdd1dc17f5355b9fbba863d9
+  data.tar.gz: 538d6c027fe4b1585766d0c254bf315a13a816ddf0d3f8d6443ca971f2fc20cc
 SHA512:
-  metadata.gz: 7010f156ff38a3d21c3ad228a51562dd23a976b80d4a0548bb8de34de60b62112be5c236390f9c52870537f5973ac0f56f5f3025af24738b28073b1afe0f575b
-  data.tar.gz: a837ee46c8ee443fe6ca5276125d1d57027adaedd22980b9b390f03001ab05df29d7ebfe2e8a1afd98540e878176b688b4f800284b1f9515a33fd38f7f923d4b
+  metadata.gz: 5c56e1cf6f781b289c1fc9b02d4340e1a5dc5887aaba197496c6a790ffdddfc20260a74272048aa31ebc4f7aec4f528e374ada3961210c58ff5047d2a36037fc
+  data.tar.gz: 71eb4c6b9b46ed9f7b92647ec7925fd6828bf28e7d592562f86ea8d60c5f4f972eb0482b363fa817bca646b64be41289042829da713d23cb9f4e78364c94846f

data/_data/base/announcement_schema.yml

@@ -37,12 +37,11 @@ properties:
             `centos-purple-800`.
         icon:
           type: string
-          default: ""
+          default: "fa-solid fa-bullhorn"
           description: >-
             The Font Awesome icon class (e.g., `fa-solid fa-bell`) to display
             on the left side of the announcement. Only [freely distributed Font
-            Awesome icons](https://fontawesome.com/search?ic=free-collection) are supported. If no value is provided, the default
-            icon `fa-solid fa-bullhorn` will be used by the rendering engine.
+            Awesome icons](https://fontawesome.com/search?ic=free-collection) are supported.
       required:
         - content
       additionalProperties: false

data/_data/base/bits.yml

@@ -25,7 +25,7 @@
     - name: Action 4
       link: "#"
   index_page_name: See all
-  index_page_link: "#"
+  index_page_url: "#"
   relationship:
     - Downstream example 1-1
     - Downstream example 1-2

data/_data/base/bits_schema.yml

@@ -115,6 +115,7 @@ properties:
             additionalProperties: true # Changed to true as properties are defined externally
         actions_class:
           type: string
+          default: ""
           description: Custom Bootstrap classes applied to the container holding the list of `actions` buttons.
         preamble:
           type: string

data/_data/base/breakingnews_schema.yml

@@ -11,6 +11,14 @@ properties:
       Enables or disables the Breaking News component. Set to `true` to
       display the messages; set to `false` (default) to hide them. When enabled,
       the `with_breakingnews_data` property must be provided.
+  breakingnews_alert_height:
+    type: integer
+    default: 31
+    description: >-
+      Height in pixels of a single breaking news alert bar. Used by both the
+      breakingnews component and the head component to calculate sticky
+      positioning and scroll-margin-top offsets. Must match the rendered height
+      of `.breakingnews.alert.p-2`.
   with_breakingnews_data:
     type: array
     default: [] # Corrected: Moved default to array level and set to []

data/_data/base/color.yml

@@ -223,65 +223,65 @@ purple_shades:
   text_badge: "text-bg-centos-purple-500"
   full_name: "$centos-purple-500"
 - shade: 600
-  hex: "#844173"
-  rgb: "132, 65, 115"
-  hsv: "315° / 51% / 52%"
+  hex: "#844072"
+  rgb: "132, 64, 114"
+  hsv: "316° / 52% / 52%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "7.04:1"
+  contrast_ratio: "7.10:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+2.54:1"
+  wcag_2_2_aa_margin: "+2.60:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+0.04:1"
-  hue: "315°"
-  saturation: "51%"
+  wcag_2_2_aaa_margin: "+0.10:1"
+  hue: "316°"
+  saturation: "52%"
   lightness: "52%"
   text_badge: "text-bg-centos-purple-600"
   full_name: "$centos-purple-600"
 - shade: 700
-  hex: "#67335A"
-  rgb: "103, 51, 90"
-  hsv: "315° / 50% / 40%"
+  hex: "#673259"
+  rgb: "103, 50, 89"
+  hsv: "316° / 51% / 40%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "9.55:1"
+  contrast_ratio: "9.65:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+5.05:1"
+  wcag_2_2_aa_margin: "+5.15:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+2.55:1"
-  hue: "315°"
-  saturation: "50%"
+  wcag_2_2_aaa_margin: "+2.65:1"
+  hue: "316°"
+  saturation: "51%"
   lightness: "40%"
   text_badge: "text-bg-centos-purple-700"
   full_name: "$centos-purple-700"
 - shade: 800
-  hex: "#4D2342"
-  rgb: "77, 35, 66"
+  hex: "#4C2241"
+  rgb: "76, 34, 65"
   hsv: "316° / 55% / 30%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "12.85:1"
+  contrast_ratio: "13.02:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+8.35:1"
+  wcag_2_2_aa_margin: "+8.52:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+5.85:1"
+  wcag_2_2_aaa_margin: "+6.02:1"
   hue: "316°"
   saturation: "55%"
   lightness: "30%"
   text_badge: "text-bg-centos-purple-800"
   full_name: "$centos-purple-800"
 - shade: 900
-  hex: "#48113A"
-  rgb: "72, 17, 58"
-  hsv: "315° / 76% / 28%"
+  hex: "#471139"
+  rgb: "71, 17, 57"
+  hsv: "316° / 76% / 28%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "14.82:1"
+  contrast_ratio: "14.92:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+10.32:1"
+  wcag_2_2_aa_margin: "+10.42:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+7.82:1"
-  hue: "315°"
+  wcag_2_2_aaa_margin: "+7.92:1"
+  hue: "316°"
   saturation: "76%"
   lightness: "28%"
   text_badge: "text-bg-centos-purple-900"
@@ -400,81 +400,81 @@ orange_shades:
   text_badge: "text-bg-centos-orange-500"
   full_name: "$centos-orange-500"
 - shade: 600
-  hex: "#D28D0F"
-  rgb: "210, 141, 15"
+  hex: "#D18C0F"
+  rgb: "209, 140, 15"
   hsv: "39° / 93% / 82%"
   text_color: "Black"
   text_color_hex: "#000000"
-  contrast_ratio: "7.56:1"
+  contrast_ratio: "7.47:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+3.06:1"
+  wcag_2_2_aa_margin: "+2.97:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+0.56:1"
+  wcag_2_2_aaa_margin: "+0.47:1"
   hue: "39°"
   saturation: "93%"
   lightness: "82%"
   text_badge: "text-bg-centos-orange-600"
   full_name: "$centos-orange-600"
 - shade: 700
-  hex: "#A36E0C"
-  rgb: "163, 110, 12"
+  hex: "#A36D0B"
+  rgb: "163, 109, 11"
   hsv: "39° / 93% / 64%"
   text_color: "Black"
   text_color_hex: "#000000"
-  contrast_ratio: "4.79:1"
+  contrast_ratio: "4.75:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+0.29:1"
+  wcag_2_2_aa_margin: "+0.25:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-2.21:1"
+  wcag_2_2_aaa_margin: "-2.25:1"
   hue: "39°"
   saturation: "93%"
   lightness: "64%"
   text_badge: "text-bg-centos-orange-700"
   full_name: "$centos-orange-700"
 - shade: 800
-  hex: "#7A5003"
-  rgb: "122, 80, 3"
-  hsv: "39° / 98% / 48%"
+  hex: "#7A4F03"
+  rgb: "122, 79, 3"
+  hsv: "38° / 98% / 48%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "7.06:1"
+  contrast_ratio: "7.13:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+2.56:1"
+  wcag_2_2_aa_margin: "+2.63:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+0.06:1"
-  hue: "39°"
+  wcag_2_2_aaa_margin: "+0.13:1"
+  hue: "38°"
   saturation: "98%"
   lightness: "48%"
   text_badge: "text-bg-centos-orange-800"
   full_name: "$centos-orange-800"
 - shade: 900
-  hex: "#603E00"
-  rgb: "96, 62, 0"
-  hsv: "39° / 100% / 38%"
+  hex: "#5F3D00"
+  rgb: "95, 61, 0"
+  hsv: "39° / 100% / 37%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "9.60:1"
+  contrast_ratio: "9.75:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+5.10:1"
+  wcag_2_2_aa_margin: "+5.25:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+2.60:1"
+  wcag_2_2_aaa_margin: "+2.75:1"
   hue: "39°"
   saturation: "100%"
-  lightness: "38%"
+  lightness: "37%"
   text_badge: "text-bg-centos-orange-900"
   full_name: "$centos-orange-900"
 - shade: 950
-  hex: "#291A00"
-  rgb: "41, 26, 0"
-  hsv: "38° / 100% / 16%"
+  hex: "#281A00"
+  rgb: "40, 26, 0"
+  hsv: "39° / 100% / 16%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "16.91:1"
+  contrast_ratio: "16.96:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+12.41:1"
+  wcag_2_2_aa_margin: "+12.46:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+9.91:1"
-  hue: "38°"
+  wcag_2_2_aaa_margin: "+9.96:1"
+  hue: "39°"
   saturation: "100%"
   lightness: "16%"
   text_badge: "text-bg-centos-orange-950"
@@ -577,80 +577,80 @@ blue_shades:
   text_badge: "text-bg-centos-blue-500"
   full_name: "$centos-blue-500"
 - shade: 600
-  hex: "#201F63"
-  rgb: "32, 31, 99"
-  hsv: "241° / 69% / 39%"
+  hex: "#1F1E63"
+  rgb: "31, 30, 99"
+  hsv: "241° / 70% / 39%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "14.61:1"
+  contrast_ratio: "14.75:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+10.11:1"
+  wcag_2_2_aa_margin: "+10.25:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+7.61:1"
+  wcag_2_2_aaa_margin: "+7.75:1"
   hue: "241°"
-  saturation: "69%"
+  saturation: "70%"
   lightness: "39%"
   text_badge: "text-bg-centos-blue-600"
   full_name: "$centos-blue-600"
 - shade: 700
-  hex: "#19194F"
-  rgb: "25, 25, 79"
-  hsv: "240° / 68% / 31%"
+  hex: "#19184F"
+  rgb: "25, 24, 79"
+  hsv: "241° / 70% / 31%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "16.24:1"
+  contrast_ratio: "16.34:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+11.74:1"
+  wcag_2_2_aa_margin: "+11.84:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+9.24:1"
-  hue: "240°"
-  saturation: "68%"
+  wcag_2_2_aaa_margin: "+9.34:1"
+  hue: "241°"
+  saturation: "70%"
   lightness: "31%"
   text_badge: "text-bg-centos-blue-700"
   full_name: "$centos-blue-700"
 - shade: 800
-  hex: "#11103D"
-  rgb: "17, 16, 61"
-  hsv: "241° / 74% / 24%"
+  hex: "#10103D"
+  rgb: "16, 16, 61"
+  hsv: "240° / 74% / 24%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "18.02:1"
+  contrast_ratio: "18.05:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+13.52:1"
+  wcag_2_2_aa_margin: "+13.55:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+11.02:1"
-  hue: "241°"
+  wcag_2_2_aaa_margin: "+11.05:1"
+  hue: "240°"
   saturation: "74%"
   lightness: "24%"
   text_badge: "text-bg-centos-blue-800"
   full_name: "$centos-blue-800"
 - shade: 900
-  hex: "#030246"
-  rgb: "3, 2, 70"
-  hsv: "241° / 97% / 27%"
+  hex: "#020146"
+  rgb: "2, 1, 70"
+  hsv: "241° / 99% / 27%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "19.07:1"
+  contrast_ratio: "19.17:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+14.57:1"
+  wcag_2_2_aa_margin: "+14.67:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+12.07:1"
+  wcag_2_2_aaa_margin: "+12.17:1"
   hue: "241°"
-  saturation: "97%"
+  saturation: "99%"
   lightness: "27%"
   text_badge: "text-bg-centos-blue-900"
   full_name: "$centos-blue-900"
 - shade: 950
-  hex: "#000029"
-  rgb: "0, 0, 41"
+  hex: "#000028"
+  rgb: "0, 0, 40"
   hsv: "240° / 100% / 16%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "20.35:1"
+  contrast_ratio: "20.38:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+15.85:1"
+  wcag_2_2_aa_margin: "+15.88:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+13.35:1"
+  wcag_2_2_aaa_margin: "+13.38:1"
   hue: "240°"
   saturation: "100%"
   lightness: "16%"
@@ -786,18 +786,18 @@ green_shades:
   text_badge: "text-bg-centos-green-700"
   full_name: "$centos-green-700"
 - shade: 800
-  hex: "#4A6210"
-  rgb: "74, 98, 16"
-  hsv: "78° / 84% / 38%"
+  hex: "#49620F"
+  rgb: "73, 98, 15"
+  hsv: "78° / 85% / 38%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "6.89:1"
+  contrast_ratio: "6.91:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+2.39:1"
+  wcag_2_2_aa_margin: "+2.41:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-0.11:1"
+  wcag_2_2_aaa_margin: "-0.09:1"
   hue: "78°"
-  saturation: "84%"
+  saturation: "85%"
   lightness: "38%"
   text_badge: "text-bg-centos-green-800"
   full_name: "$centos-green-800"
@@ -818,16 +818,16 @@ green_shades:
   text_badge: "text-bg-centos-green-900"
   full_name: "$centos-green-900"
 - shade: 950
-  hex: "#1D2900"
-  rgb: "29, 41, 0"
+  hex: "#1C2800"
+  rgb: "28, 40, 0"
   hsv: "78° / 100% / 16%"
   text_color: "White"
   text_color_hex: "#FFFFFF"
-  contrast_ratio: "15.33:1"
+  contrast_ratio: "15.52:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+10.83:1"
+  wcag_2_2_aa_margin: "+11.02:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+8.33:1"
+  wcag_2_2_aaa_margin: "+8.52:1"
   hue: "78°"
   saturation: "100%"
   lightness: "16%"

data/_data/base/event_schema.yml

@@ -24,10 +24,18 @@ properties:
         title:
           type: string
           description: The name or title of the event. This field is required.
-        summary:
+        description:
           type: string
           default: ""
-          description: A brief summary or short description of the event.
+          description: A brief description of the event.
+        address:
+          type: string
+          default: ""
+          description: The street address of the event venue.
+        city:
+          type: string
+          default: ""
+          description: The city where the event takes place.
         date:
           type: string # Changed from 'date' to 'string' for flexibility
           default: ""

data/_data/base/fontawesome_schema.yml

@@ -40,6 +40,19 @@ properties:
         type: string
         default: "sha512-6BTOlkauINO65nLhXhthZMtepgJSghyimIalb+crKRPhvhmsCdnIuGcVbR5/aQY2A+260iC1OPy1oCdB6pSSwQ=="
         description: The Subresource Integrity (SRI) JavaScript checksum (`sha512-...`) for the specified bundle, ensuring the security and integrity of the script file.
+      mode:
+        type: string
+        enum:
+          - "svg+js"
+          - "css"
+        default: "css"
+        description: >-
+          Loading mode for Font Awesome. `svg+js` (default) downloads a JavaScript
+          bundle that replaces `<i class="fa-...">` elements with inline SVGs via DOM
+          mutation — enables power transforms, layering, and pseudo-element watching.
+          `css` downloads a stylesheet and loads WOFF2 font files on demand — lighter
+          first-visit payload and no DOM manipulation cost. Use `css` when SVG+JS-exclusive
+          features are not needed.
     required:
       - version
       - cdn

data/_data/base/navbar_schema.yml

@@ -11,6 +11,14 @@ properties:
       Controls the visibility of the Navigation Bar component. Set to `true`
       (default) to display the navbar at the top of the page. Set to `false`
       to hide it entirely.
+  navbar_height:
+    type: integer
+    default: 42
+    description: >-
+      Height in pixels of the fixed-top navbar bar. Used by the breakingnews
+      component and the head component to calculate sticky positioning and
+      scroll-margin-top offsets. Must match the rendered height of
+      `nav.navbar.fixed-top`.
   with_navbar_data:
     type: object
     default: {}

data/_includes/base/announcement.html.liquid

@@ -37,10 +37,10 @@ Data Source Hierarchy (priority):
 | default: site.data.base.announcement
 %}
 
-{%- assign with_announcement_schema = site.data.base.announcement_schema.properties.with_announcement_data.items.properties %}
-
 {%- if with_announcement %}
 
+{%- assign with_announcement_schema = site.data.base.announcement_schema.properties.with_announcement_data.items.properties %}
+
 {%- comment %} === Presentation === {% endcomment %}
 {%- for announcement in with_announcement_data %}
 

data/_includes/base/artwork.html.liquid

@@ -39,25 +39,25 @@ Data Source Hierarchy (priority):
 | default: site.data.base.artwork
 %}
 
-{%- assign with_artwork_schema = site.data.base.artwork_schema.properties.with_artwork_data.properties %}
-
 {%- if with_artwork %}
 
+{%- assign with_artwork_schema = site.data.base.artwork_schema.properties.with_artwork_data.properties %}
+
 {%- comment %} === Presentation === {% endcomment %}
 
 {%- comment %} --- Defaults --- {% endcomment %}
-{%- assign artwork_image       = with_artwork_data.image       | default: with_artwrk_schema.image.default %}
-{%- assign artwork_alt         = with_artwork_data.alt         | default: with_artwrk_schema.alt.default %}
-{%- assign artwork_class       = with_artwork_data.class       | default: with_artwrk_schema.class.default %}
-{%- assign artwork_image_class = with_artwork_data.image_class | default: with_artwrk_schema.image_class.default %}
+{%- assign artwork_image       = with_artwork_data.image       | default: with_artwork_schema.image.default %}
+{%- 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 %}
 
 {%- comment %} --- HTML --- {% endcomment %}
 <div class="{{ artwork_class }}">
-  {% if artwork_image contains "https://" or artwork_image contains "http://" %}
+  {%- if artwork_image contains "://" %}
     <img src="{{ artwork_image }}" class="{{ artwork_image_class }}" alt="{{ artwork_alt }}" />
-  {% else %}
+  {%- else %}
     <img src="{{ site.baseurl }}{{ artwork_image }}" class="{{ artwork_image_class }}" alt="{{ artwork_alt }}" />
-  {% endif %}
+  {%- endif %}
 </div>
 
 {%- endif -%}

data/_includes/base/bits.html.liquid

@@ -63,11 +63,12 @@ Component Layout:
   {%- assign upstream_bit_class                 = upstream_bit.class            | default: with_bits_schema.class.default %}
   {%- assign upstream_bit_card_class            = upstream_bit.card_class       | default: with_bits_schema.card_class.default %}
   {%- assign upstream_bit_preamble_class        = upstream_bit.preamble_class   | default: with_bits_schema.preamble_class.default %}
-  {%- assign upstream_bit_finale_class          = upstream_bit_finale_class     | default: with_bits_schema.finale_class.default %}
+  {%- assign upstream_bit_finale_class          = upstream_bit.finale_class     | default: with_bits_schema.finale_class.default %}
   {%- assign upstream_bit_color                 = upstream_bit.color            | default: with_bits_schema.color.default %}
   {%- assign upstream_bit_index_page_name       = upstream_bit.index_page_name  | default: with_bits_schema.index_page_name.default %}
   {%- assign upstream_bit_index_page_url        = upstream_bit.index_page_url   | default: with_bits_schema.index_page_url.default %}
   {%- assign upstream_bit_screenshot_class      = upstream_bit.screenshot_class | default: with_bits_schema.screenshot_class.default %}
+  {%- assign upstream_bit_actions_class         = upstream_bit.actions_class    | default: with_bits_schema.actions_class.default %}
   {%- assign upstream_bit_btn_class             = "btn btn-sm m-1 btn-"         | append: upstream_bit_color %}
 
   <div class="d-flex flex-column{% if upstream_bit_class != "" %} {{ upstream_bit_class }}{% endif %}">
@@ -134,6 +135,7 @@ Component Layout:
             {% for action in downstream_bit.actions | limit: 1 %}
               {% include base/link.html.liquid
               name          = action.name
+              url           = action.link
               class         = upstream_bit_btn_class
               icon          = action.icon
               icon_position = action.icon_position

data/_includes/base/breadcrumb.html.liquid

@@ -37,10 +37,10 @@ Data Source Hierarchy:
 | default: site.data.base.breadcrumb
 %}
 
-{%- assign with_breadcrumb_schema = site.data.base.breadcrumb_schema.properties.with_breadcrumb_data.properties %}
-
 {%- if with_breadcrumb %}
 
+{%- assign with_breadcrumb_schema = site.data.base.breadcrumb_schema.properties.with_breadcrumb_data.properties %}
+
 {%- comment %} Use original_url if available (without locale), otherwise use full url {%- endcomment %}
 {%- assign breadcrumb_url = page.original_url | default: page.url %}
 

data/_includes/base/breakingnews.html.liquid

@@ -39,14 +39,15 @@ Data Source Hierarchy (priority):
 | default: site.data.base.breakingnews
 %}
 
-{%- assign with_breakingnews_schema = site.data.base.breakingnews_schema.properties.with_breakingnews_data.items.properties %}
-
 {%- if with_breakingnews %}
 
+{%- assign with_breakingnews_schema = site.data.base.breakingnews_schema.properties.with_breakingnews_data.items.properties %}
+
 {%- comment %} === Presentation === {% endcomment %}
-{% assign breakingnews_alert_height = 38 %}
-{% assign navbar_height             = 42 %}
+{%- 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 %}
 
+{%- if with_breakingnews_data.size > 0 %}
 <div class="sticky-top sticky-top-breakingnews">
   {% for item in with_breakingnews_data %}
 
@@ -84,5 +85,6 @@ Data Source Hierarchy (priority):
     </div>
   {% endfor %}
 </div>
+{%- endif %}
 
 {%- endif -%}

data/_includes/base/color-table.html.liquid

@@ -0,0 +1,33 @@
+<table class="table dataTable">
+  <thead class="table-light">
+    <tr>
+      <th>{{ include.name_label | default: "Color" }}</th>
+      <th class="text-nowrap">Hex</th>
+      <th class="text-nowrap">RGB</th>
+      <th class="text-nowrap">HSV</th>
+      <th>Text Color</th>
+      <th class="text-nowrap">Contrast Ratio</th>
+      <th class="text-nowrap">WCAG 2.2 AA</th>
+      <th class="text-nowrap">WCAG 2.2 AAA</th>
+    </tr>
+  </thead>
+  <tbody>
+{%- for item in include.collection %}
+{%- if include.name_field == "full_name" %}
+{%- assign _item_name = item.full_name | remove: '$' %}
+{%- else %}
+{%- assign _item_name = item.name %}
+{%- endif %}
+    <tr>
+      <td class="text-nowrap">{{ _item_name }}</td>
+      <td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy hex value" data-copy-value="{{ item.hex }}" aria-label="Copy hex value {{ item.hex }}"><span class="fa-regular fa-copy"></span></a> <i class="fas fa-circle fa-xl" style="color: {{ item.hex }}"></i> <span class="font-monospace">{{ item.hex }}</span></td>
+      <td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy RGB value" data-copy-value="{{ item.rgb }}" aria-label="Copy RGB value {{ item.rgb }}"><span class="fa-regular fa-copy"></span></a> <span class="font-monospace">{{ item.rgb }}</span></td>
+      <td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy HSV value" data-copy-value="{{ item.hsv }}" aria-label="Copy HSV value {{ item.hsv }}"><span class="fa-regular fa-copy"></span></a> <span class="font-monospace">{{ item.hsv }}</span></td>
+      <td><span class="badge {{ item.text_badge }}">{{ item.text_color }}</span></td>
+      <td class="text-nowrap"><span class="font-monospace">{{ item.contrast_ratio | remove: '`' }}</span> <a href="https://webaim.org/resources/contrastchecker/?fcolor={{ item.text_color_hex | remove: '#' | upcase }}&bcolor={{ item.hex | remove: '#' | upcase }}" target="_blank" class="text-decoration-none ms-2" data-bs-toggle="tooltip" title="Verify with WebAIM" aria-label="Verify contrast ratio with WebAIM"><i class="fas fa-external-link-alt"></i></a></td>
+      <td class="text-nowrap">{% if item.wcag_2_2_aa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <span class="font-monospace">{{ item.wcag_2_2_aa_margin | remove: '`' }}</span></td>
+      <td class="text-nowrap">{% if item.wcag_2_2_aaa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <span class="font-monospace">{{ item.wcag_2_2_aaa_margin | remove: '`' }}</span></td>
+    </tr>
+{%- endfor %}
+  </tbody>
+</table>