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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 03d8ff8dc07628a4cbbc99b17a7a423953e243a9534b892aa7f36b9f8e8ab694
-  data.tar.gz: a5bdb40ae9427b116c33d8cc357037ad2275ba31ed2247e2125580a7283324d5
+  metadata.gz: 930c947b9435c61c4faf7651b4539eb6eebc82a583b06b1b50e8f9323dfaa27f
+  data.tar.gz: 338e6dd2b51a04f554093975d8ed3428a0a7e844a11b3174a6b7cd8b5f55aec4
 SHA512:
-  metadata.gz: 4880a671668b3bc46413dbd45d42e30b8c61ab5dcacfef7ad012e258afb319f121f7039f3edb4ca37e50270d34edb0513d7b233365619c5e8ac242ae17142153
-  data.tar.gz: 0dfd22a3c555b0769aae9c880b96894df152b6493e932fc9d3d274cca1dad6ed9b467cb912f616e3ffd4a23c64e59e59eee936fcd8ae9a705f72ce2c4fb4905c
+  metadata.gz: 7010f156ff38a3d21c3ad228a51562dd23a976b80d4a0548bb8de34de60b62112be5c236390f9c52870537f5973ac0f56f5f3025af24738b28073b1afe0f575b
+  data.tar.gz: a837ee46c8ee443fe6ca5276125d1d57027adaedd22980b9b390f03001ab05df29d7ebfe2e8a1afd98540e878176b688b4f800284b1f9515a33fd38f7f923d4b

data/_config.yml

@@ -161,7 +161,7 @@ with_link_decorator_data:
 
 with_heading_anchor: true
 with_heading_anchor_data:
-  icon: "fa-solid fa-link"
+  icon: "fa-solid fa-hashtag"
   copy_success_message: "Copied!"
   reset_delay: 2000
 

data/_data/base/backtotop_schema.yml

@@ -29,6 +29,12 @@ properties:
         description: >-
           Specifies the version of the Back to Top addon to load from the CDN
           (e.g., `7.2.1`).
+      script_integrity:
+        type: string
+        default: "sha384-vPjvei7c1a3IpCr0kkDEOMRmlCHcv8REJw1B2eKJM55swier62xiYRVistfMKEUj"
+        description: >-
+          SRI hash for the vanilla-back-to-top script loaded from the CDN.
+          Must be updated when `version` changes.
       diameter:
         type: string
         default: "56"

data/_data/base/breadcrumb_schema.yml

@@ -11,4 +11,17 @@ properties:
     description: >-
       Enables or disables the rendering of the breadcrumb navigation component.
       Set to `true` (default) to display the breadcrumbs; set to `false` to hide them.
+  with_breadcrumb_data:
+    type: object
+    default: {}
+    description: >-
+      Configuration object for the breadcrumb navigation component.
+    properties:
+      arialabel:
+        type: string
+        default: "breadcrumb"
+        description: >-
+          The `aria-label` attribute value for the breadcrumb `<nav>` element.
+          Screen readers use this label to identify the navigation landmark.
+    additionalProperties: false
 additionalProperties: false

data/_data/base/datatable_schema.yml

@@ -18,21 +18,21 @@ properties:
     properties:
       version:
         type: string
-        default: "v/bs5/jq-3.7.0/dt-2.3.5"
+        default: "v/bs5/jq-3.7.0/dt-2.3.8"
         description: >-
           The specific version and dependencies string for the compressed
           and minified DataTables distribution (e.g., `v/bs5/jq-3.7.0/dt-2.3.5`).
           This value is sourced from the DataTables [download page](https://datatables.net/download/).
       css_integrity:
         type: string
-        default: "sha384-X4ObCG8fB8SK+9d3GgWfrrKjO7nk3Q2PrwyEKa4Nx78Su/v2xEBtCnJ9kRP+gHhi"
+        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.
       script_integrity:
         type: string
-        default: "sha384-nhDlWXAURrLQOkCo8hXDhpFWZjzFzX/udlaGLd8PDMKvv67k6YMfex2pZjLU6o2U"
+        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

data/_data/base/head_schema.yml

@@ -0,0 +1,19 @@
+title: Head Component Configuration
+description: >-
+  Schema for the head component. The head component is a layout coordinator
+  that assembles the HTML <head> section by conditionally including
+  sub-components (OGP, Font Awesome, Highlight.js, DataTables, Breaking News,
+  Back to Top, Copy Value, Heading Anchor). Each sub-component is configured
+  through its own schema. Only properties exclusive to the head component
+  itself are defined here.
+type: object
+properties:
+  theme_color:
+    type: string
+    default: "#A54C93"
+    description: >-
+      Browser chrome color for mobile browsers (Chrome on Android, Safari on iOS).
+      Used by the `<meta name="theme-color">` tag. Should match `theme_color`
+      in the site's `site.webmanifest`. Resolved from `page.theme_color` first,
+      then `site.theme_color`, then this default.
+additionalProperties: false

data/_data/base/heading_anchor.yml

@@ -1,4 +1,2 @@
 ---
-icon: "fa-solid fa-link"
-copy_success_message: "Copied!"
-reset_delay: 2000
+icon: "fa-solid fa-hashtag"

data/_data/base/heading_anchor_schema.yml

@@ -17,7 +17,7 @@ properties:
       icon:
         type: string
         description: Font Awesome icon classes applied to the anchor icon element.
-        default: "fa-solid fa-link"
+        default: "fa-solid fa-hashtag"
       icon_size:
         type: string
         description: Font Awesome size modifier appended after the icon classes.

data/_data/base/highlight_schema.yml

@@ -30,6 +30,36 @@ properties:
         description: >-
           The specific version of the Highlight.js library being loaded
           (e.g., `11.11.1`).
+      css_integrity:
+        type: string
+        default: "sha384-4Y0nObtF3CbKnh+lpzmAVdAMtQXl+ganWiiv73RcGVdRdfVIya8Cao1C8ZsVRRDz"
+        description: >-
+          SRI hash for the Highlight.js theme CSS loaded from cdnjs. Must be
+          updated when `version` or `theme` changes.
+      script_integrity:
+        type: string
+        default: "sha384-RH2xi4eIQ/gjtbs9fUXM68sLSi99C7ZWBRX1vDrVv6GQXRibxXLbwO2NGZB74MbU"
+        description: >-
+          Subresource Integrity (SRI) hash for the Highlight.js script loaded
+          from cdnjs. Must be updated when `version` changes.
+      copy_version:
+        type: string
+        default: "1.0.6"
+        description: >-
+          Version of the highlightjs-copy plugin loaded from unpkg
+          (e.g., `1.0.6`).
+      copy_script_integrity:
+        type: string
+        default: "sha384-0/jh9+ifwJ5mqtDZ+DWdwgFjZ8I4HIfXqaWJi2mdeAwy8aUPlw5dTYNsqAqNE4yD"
+        description: >-
+          SRI hash for the highlightjs-copy plugin script. Must be updated
+          when `copy_version` changes.
+      copy_css_integrity:
+        type: string
+        default: "sha384-jx4j2QNE8PcYHQikjfTfY6TM0sYVodTr0OGqUfAR6bKYJBgW91lTieqkghTu9+Kk"
+        description: >-
+          SRI hash for the highlightjs-copy plugin stylesheet. Must be updated
+          when `copy_version` changes.
       copy_button_icons:
         type: object
         description: >-

data/_data/base/ogp.yml

@@ -0,0 +1,24 @@
+---
+locale: en_US
+og:
+  type: website
+  title: true
+  url: true
+  description: true
+  logo: /assets/icons/apple-touch-icon.png
+  image:
+    url: true
+    alt: The CentOS Project
+    type: image/png
+    width: 1200
+    height: 630
+twitter:
+  card: summary_large_image
+  site: "@CentOS"
+  creator: "@CentOS"
+  title: true
+  url: true
+  description: true
+  image:
+    url: true
+    alt: The CentOS Project

data/_data/base/ogp_schema.yml

@@ -59,7 +59,7 @@ properties:
                 description: The height of the image in pixels via the `og:image:height` tag.
               alt:
                 type: string
-                default: "centos-social-share.png"
+                default: "The CentOS Project"
                 description: A description of the image for accessibility via the `og:image:alt` tag.
             required:
               - url
@@ -85,6 +85,20 @@ properties:
                 default: audio/ogg
                 description: The MIME type of the audio file via the `og:audio:type` tag.
             additionalProperties: false
+          site_name:
+            type: string
+            description: >-
+              The name of the overall website for the `og:site_name` tag (e.g.,
+              `"CentOS"`). Distinct from the page title. Defaults to `site.title`
+              from the Jekyll configuration when not set explicitly.
+          logo:
+            type: string
+            default: "/assets/icons/apple-touch-icon.png"
+            description: >-
+              Path to the organization logo image for the `og:logo` meta tag.
+              Used by Google Knowledge Graph and some OGP validators to identify
+              the site's primary logo. Not part of the official OGP specification;
+              treated as a path relative to `site.url + site.baseurl`.
           video:
             type: object
             description: Configuration for video media files to accompany the content (`og:video`).
@@ -126,27 +140,13 @@ properties:
             default: summary_large_image
             description: Defines the Twitter Card type via the `twitter:card` tag (e.g., `summary`, `summary_large_image`).
           site:
-            type: object
-            description: The Twitter account of the website via the `twitter:site` tag.
-            properties:
-              id:
-                type: string
-                default: "@CentOS"
-                description: The site's Twitter handle (e.g., `@CentOS`).
-            required:
-              - id
-            additionalProperties: false
+            type: string
+            default: "@CentOS"
+            description: The website's Twitter handle via the `twitter:site` tag (e.g., `@CentOS`).
           creator:
-            type: object
-            description: The Twitter account of the content creator via the `twitter:creator` tag.
-            properties:
-              id:
-                type: string
-                default: "@CentOS"
-                description: The creator's Twitter handle (e.g., `@CentOS`).
-            required:
-              - id
-            additionalProperties: false
+            type: string
+            default: "@CentOS"
+            description: The content creator's Twitter handle via the `twitter:creator` tag (e.g., `@CentOS`).
           image:
             type: object
             description: Configuration for the main image used in the Twitter Card (`twitter:image`).
@@ -175,7 +175,7 @@ properties:
                 description: The height of the image in pixels.
               alt:
                 type: string
-                default: "centos-social-share.png"
+                default: "The CentOS Project"
                 description: The image description for accessibility.
             required:
               - url
@@ -183,4 +183,10 @@ properties:
               - height
             additionalProperties: false
         additionalProperties: false
+      locale:
+        type: string
+        default: "en_US"
+        description: >-
+          Locale of the content in language_TERRITORY format (e.g., `en_US`, `es_ES`).
+          Used by the `og:locale` tag. Should match the site's primary language.
 additionalProperties: false

data/_includes/base/backtotop.html.liquid

@@ -47,19 +47,27 @@ Data Source Hierarchy (priority):
 {%- comment %} --- Defaults --- {% endcomment %}
 {%- assign backtotop_cdn              = with_backtotop_data.cdn              | default: with_backtotop_schema.cdn.default %}
 {%- assign backtotop_version          = with_backtotop_data.version          | default: with_backtotop_schema.version.default %}
+{%- assign backtotop_script_integrity = with_backtotop_data.script_integrity | default: with_backtotop_schema.script_integrity.default %}
 {%- assign backtotop_diameter         = with_backtotop_data.diameter         | default: with_backtotop_schema.diameter.default %}
 {%- assign backtotop_background_color = with_backtotop_data.background_color | default: with_backtotop_schema.background_color.default %}
 {%- assign backtotop_text_color       = with_backtotop_data.text_color       | default: with_backtotop_schema.text_color.default %}
 
 {%- comment %} --- HTML --- {% endcomment %}
 <!-- Load vanilla-back-to-top library from CDN -->
-<script src="{{ backtotop_cdn }}/vanilla-back-to-top@{{ backtotop_version }}/dist/vanilla-back-to-top.min.js"></script>
+<script src="{{ backtotop_cdn }}/vanilla-back-to-top@{{ backtotop_version }}/dist/vanilla-back-to-top.min.js" integrity="{{ backtotop_script_integrity }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
 
 <!-- Initialize back-to-top button with configuration via data attributes -->
 <script id="centos-backtop"
+        {%- if with_backtotop_data.diameter %}
         data-diameter="{{ backtotop_diameter }}"
+        {%- endif %}
+        {%- if with_backtotop_data.background_color %}
         data-background-color="{{ backtotop_background_color }}"
+        {%- endif %}
+        {%- if with_backtotop_data.text_color %}
         data-text-color="{{ backtotop_text_color }}"
-        src="{{ site.baseurl }}/assets/js/base/backtotop.min.js"></script>
+        {%- endif %}
+        src="{{ site.baseurl }}/assets/js/base/backtotop.min.js"
+        defer></script>
 
 {%- endif %}

data/_includes/base/breadcrumb.html.liquid

@@ -18,9 +18,12 @@ Required Inputs:
 - page.original_url: URL without locale prefix (used for breadcrumb structure)
 - page.title: Display text for active breadcrumb
 
-Data Sources:
-- site.baseurl: Base URL prefix
-- site.with_link_decorator_data.default_link_classes: CSS classes
+Optional Inputs:
+- with_breadcrumb_data.arialabel: aria-label for the <nav> element (default: "breadcrumb")
+
+Data Source Hierarchy:
+- with_breadcrumb: include.with_breadcrumb → page.with_breadcrumb
+- with_breadcrumb_data: include.data → page.with_breadcrumb_data → site.data.breadcrumb → site.data.base.breadcrumb
 ================================================================================
 {% endcomment %}
 
@@ -28,6 +31,14 @@ Data Sources:
 | default: page.with_breadcrumb
 %}
 
+{%- assign with_breadcrumb_data = include.data
+| default: page.with_breadcrumb_data
+| default: site.data.breadcrumb
+| default: site.data.base.breadcrumb
+%}
+
+{%- assign with_breadcrumb_schema = site.data.base.breadcrumb_schema.properties.with_breadcrumb_data.properties %}
+
 {%- if with_breadcrumb %}
 
 {%- comment %} Use original_url if available (without locale), otherwise use full url {%- endcomment %}
@@ -36,7 +47,7 @@ Data Sources:
 {%- comment %} Use plugin-provided locale (set for localized pages, defaults to 'en') {%- endcomment %}
 {%- assign detected_locale = page.locale | default: 'en' %}
 
-<nav aria-label="{{ include.arialabel | default: 'breadcrumb' }}">
+<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 %}
     {%- if detected_locale == 'en' or detected_locale == '' %}

data/_includes/base/copyvalue.html.liquid

@@ -64,10 +64,19 @@ Bootstrap 5, FontAwesome 6+, Clipboard API (modern browsers)
 {%- comment %} --- HTML --- {% endcomment %}
 <!-- Load Copy Value functionality with configuration via data attributes -->
 <script id="centos-copyvalue"
+        {%- if with_copyvalue_data.reset_delay %}
         data-reset-delay="{{ copyvalue_reset_delay }}"
+        {%- endif %}
+        {%- if with_copyvalue_data.checkmark_path %}
         data-checkmark-path="{{ copyvalue_checkmark_path }}"
+        {%- endif %}
+        {%- if with_copyvalue_data.checkmark_viewbox %}
         data-checkmark-viewbox="{{ copyvalue_checkmark_viewbox }}"
+        {%- endif %}
+        {%- if with_copyvalue_data.success_message %}
         data-success-message="{{ copyvalue_success_message }}"
-        src="{{ site.baseurl }}/assets/js/base/copyvalue.min.js"></script>
+        {%- endif %}
+        src="{{ site.baseurl }}/assets/js/base/copyvalue.min.js"
+        defer></script>
 
 {%- endif %}

data/_includes/base/datatable.html.liquid

@@ -52,18 +52,23 @@ Data Source Hierarchy (priority):
 {%- assign datatable_length_menu      = with_datatable_data.length_menu      | default: with_datatable_schema.length_menu.default %}
 
 {%- capture html_datatable_head %}
-  <link href="https://cdn.datatables.net/{{ datatable_version }}/datatables.min.css" rel="stylesheet" integrity="{{ datatable_css_integrity }}" crossorigin="anonymous" />
+  <link href="https://cdn.datatables.net/{{ datatable_version }}/datatables.min.css" rel="stylesheet" integrity="{{ datatable_css_integrity }}" crossorigin="anonymous" referrerpolicy="no-referrer" />
 {%- endcapture %}
 
 {%- capture html_datatable_script %}
   <!-- DataTables Library -->
-  <script src="https://cdn.datatables.net/{{ datatable_version }}/datatables.min.js" integrity="{{ datatable_script_integrity }}" crossorigin="anonymous"></script>
+  <script src="https://cdn.datatables.net/{{ datatable_version }}/datatables.min.js" integrity="{{ datatable_script_integrity }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
 
   <!-- Initialize DataTables with configuration via data attributes -->
   <script id="centos-datatable"
+          {%- if with_datatable_data.page_length %}
           data-page-length="{{ datatable_page_length }}"
+          {%- endif %}
+          {%- if with_datatable_data.length_menu %}
           data-length-menu='{{ datatable_length_menu | split: "," | jsonify }}'
-          src="{{ site.baseurl }}/assets/js/base/datatable.min.js"></script>
+          {%- endif %}
+          src="{{ site.baseurl }}/assets/js/base/datatable.min.js"
+          defer></script>
 {%- endcapture %}
 
 {%- comment %} --- HTML --- {% endcomment %}

data/_includes/base/fontawesome.html.liquid

@@ -15,7 +15,7 @@ Design Logic:
 Optional Inputs:
 - type: "head" for CSS, "script" for JavaScript
 - version: Font Awesome version (e.g., "6.4.0")
-- cdn: CDN base URL (default: unpkg.com)
+- cdn: CDN base URL (default: cdnjs.cloudflare.com)
 - css_bundle_name, js_bundle_name: Bundle identifiers
 - css_bundle_integrity, js_bundle_integrity: SRI hashes
 - data: Font Awesome configuration object
@@ -57,7 +57,7 @@ Data Source Hierarchy (priority):
 {%- endcapture %}
 
 {%- capture html_fontawesome_script %}
-<script src="{{ fontawesome_cdn }}/{{ fontawesome_version }}/js/{{ fontawesome_js_bundle_name }}.min.js" integrity="{{ fontawesome_js_bundle_integrity }}" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="{{ fontawesome_cdn }}/{{ fontawesome_version }}/js/{{ fontawesome_js_bundle_name }}.min.js" integrity="{{ fontawesome_js_bundle_integrity }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
 {%- endcapture %}
 
 {%- comment %} --- HTML --- {% endcomment %}

data/_includes/base/{partials/footer.html.liquid → footer.html.liquid}

@@ -5,10 +5,10 @@
 {%- assign with_footer_data = include.data
 | default: page.with_footer_data
 | default: site.data.footer
-| default: site.data.base.partials.footer
+| default: site.data.base.footer
 %}
 
-{%- assign with_footer_schema = site.data.base.partials.footer_schema.properties.with_footer_data.properties %}
+{%- assign with_footer_schema = site.data.base.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 %}

data/_includes/base/{partials/head.html.liquid → head.html.liquid}

@@ -6,13 +6,15 @@ icons, fonts, and conditional library includes.
 ================================================================================
 
 Design Logic:
-- Comprehensive meta tags: charset, viewport, responsive design
+- Comprehensive meta tags: charset, viewport, referrer policy, description, theme-color
 - Dynamic title generation: page title + site title
-- Favicon support: multiple formats (16x16, 32x32, SVG, Apple Touch)
-- Google Fonts: Montserrat and Source Code Pro preloaded
+- Favicon support: multiple formats (16x16, 32x32, SVG with type, Apple Touch)
+- Google Fonts: Montserrat (5 weights) and Source Code Pro (2 weights) via async stylesheet
 - Breakingnews scroll offset: dynamic CSS calculation
-- Conditional includes: OGP, Font Awesome, Highlight.js, DataTables
+- Conditional includes: OGP, Highlight.js, DataTables, FontAwesome (SVG+JS)
 - CSS prioritization: custom stylesheet last for override
+- Script loading: Bootstrap base first (defer), then optional extensions, then UI behaviors
+- Bootstrap preloaded (high-priority fetch); CDN origins preconnected + dns-prefetched per active component
 
 Required Inputs:
 - page.title: Current page title
@@ -20,31 +22,54 @@ Required Inputs:
 - site.baseurl: Base URL for asset paths
 
 Optional Inputs:
-- page.with_ogp, page.with_fontawesome: Include OGP/Font Awesome (boolean)
+- page.with_ogp, page.with_fontawesome: Include OGP/Font Awesome SVG+JS (boolean)
 - page.with_breakingnews, page.with_highlight: Include breaking news/highlight
 - page.with_datatable: Include DataTables (boolean)
 - page.with_breakingnews_data: Array of breaking news items
+- page.with_backtotop: Include back-to-top button (boolean)
+- page.with_copyvalue: Include copy-to-clipboard behavior (boolean)
+- page.with_heading_anchor: Include heading anchor copy behavior (boolean)
+- page.theme_color, site.theme_color: Override browser chrome color (default: #A54C93)
 ================================================================================
 {% endcomment %}
 
 <head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="referrer" content="strict-origin-when-cross-origin" />
 {% if page.title == site.title -%}
   <title>{{ page.title }}</title>
 {% else -%}
   <title>{{ page.title }} - {{ site.title }}</title>
 {% endif -%}
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+<meta name="description" content="{{ page.description | default: page.excerpt | default: page.title_lead | default: site.description | strip_html | truncate: 160 }}" />
 {% include base/ogp.html.liquid %}
 <link rel="icon" href="{{ site.baseurl }}/assets/icons/favicon-16.png" sizes="16x16" />
 <link rel="icon" href="{{ site.baseurl }}/assets/icons/favicon-32.png" sizes="32x32" />
-<link rel="icon" href="{{ site.baseurl }}/assets/icons/favicon.svg" sizes="any" />
+<link rel="icon" href="{{ site.baseurl }}/assets/icons/favicon.svg" type="image/svg+xml" sizes="any" />
 <link rel="apple-touch-icon" href="{{ site.baseurl }}/assets/icons/apple-touch-icon.png" sizes="180x180" />
 <link rel="manifest" href="{{ site.baseurl }}/site.webmanifest" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+{%- assign head_theme_color = page.theme_color | default: site.theme_color | default: '#A54C93' %}
+<meta name="theme-color" content="{{ head_theme_color }}" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" />
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" />
+<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
+{%- if page.with_fontawesome or page.with_highlight %}
+<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
+<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" />
+{%- endif %}
+{%- if page.with_highlight or page.with_backtotop %}
+<link rel="preconnect" href="https://unpkg.com" crossorigin />
+<link rel="dns-prefetch" href="https://unpkg.com" />
+{%- endif %}
+{%- if page.with_datatable %}
+<link rel="preconnect" href="https://cdn.datatables.net" crossorigin />
+<link rel="dns-prefetch" href="https://cdn.datatables.net" />
+{%- endif %}
+<link rel="preload" href="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js" as="script" fetchpriority="high" />
+<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Source+Code+Pro:ital,wght@0,400;0,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" />
+<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Source+Code+Pro:ital,wght@0,400;0,700&display=swap" /></noscript>
 <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/base/stylesheet.min.css" />
 {%- comment %}
 Dynamic Breaking News Offset CSS
@@ -87,7 +112,22 @@ Uses CSS custom properties for cleaner, more maintainable dynamic styling.
   }
   </style>
 {%- endif %}
-{% include base/fontawesome.html.liquid type="head" %}
-{% include base/highlight.html.liquid type="head" %}
-{% include base/datatable.html.liquid type="head" %}
+
+{%- comment %} CSS dependencies {%- endcomment %}
+{%- include base/highlight.html.liquid type="head" %}
+{%- include base/datatable.html.liquid type="head" %}
+
+{%- comment %} JavaScript base — Bootstrap must execute before all component scripts {%- endcomment %}
+<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js" defer></script>
+<script src="{{ site.baseurl }}/assets/js/base/init-tooltips.min.js" defer></script>
+
+{%- comment %} JavaScript optional library extensions {%- endcomment %}
+{%- include base/fontawesome.html.liquid type="script" %}
+{%- include base/highlight.html.liquid type="script" %}
+{%- include base/datatable.html.liquid type="script" %}
+
+{%- comment %} JavaScript UI behavior components — depend on Bootstrap and FontAwesome SVG+JS {%- endcomment %}
+{%- include base/backtotop.html.liquid %}
+{%- include base/copyvalue.html.liquid %}
+{%- include base/heading_anchor.html.liquid %}
 </head>

data/_includes/base/heading_anchor.html.liquid

@@ -6,8 +6,8 @@ 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 %}
+Recommended Usage (in head.html.liquid):
+  {%- include base/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.
@@ -55,8 +55,13 @@ jekyll-link-decorator gem, FontAwesome 6+, Clipboard API (modern browsers)
 {%- comment %} --- HTML --- {% endcomment %}
 <!-- Load Heading Anchor functionality with configuration via data attributes -->
 <script id="centos-heading-anchor"
+        {%- if with_heading_anchor_data.reset_delay %}
         data-reset-delay="{{ heading_anchor_reset_delay }}"
+        {%- endif %}
+        {%- if with_heading_anchor_data.copy_success_message %}
         data-success-message="{{ heading_anchor_success_message }}"
-        src="{{ site.baseurl }}/assets/js/base/heading-anchor.min.js"></script>
+        {%- endif %}
+        src="{{ site.baseurl }}/assets/js/base/heading-anchor.min.js"
+        defer></script>
 
 {%- endif -%}

data/_includes/base/highlight.html.liquid

@@ -41,14 +41,19 @@ Data Source Hierarchy (priority):
 
 {%- 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 %}
+{%- 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 highlight_css_sri        = with_highlight_data.css_integrity                 | default: with_highlight_schema.css_integrity.default %}
+{%- assign highlight_script_sri     = with_highlight_data.script_integrity              | default: with_highlight_schema.script_integrity.default %}
+{%- assign copy_version             = with_highlight_data.copy_version                  | default: with_highlight_schema.copy_version.default %}
+{%- assign copy_script_sri          = with_highlight_data.copy_script_integrity         | default: with_highlight_schema.copy_script_integrity.default %}
+{%- assign copy_css_sri             = with_highlight_data.copy_css_integrity            | default: with_highlight_schema.copy_css_integrity.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" />
-  <link rel="stylesheet" href="https://unpkg.com/highlightjs-copy@1.0.6/dist/highlightjs-copy.min.css" />
+  <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" integrity="{{ highlight_css_sri }}" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://unpkg.com/highlightjs-copy@{{ copy_version }}/dist/highlightjs-copy.min.css" integrity="{{ copy_css_sri }}" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <!-- Highlight.js Copy Button Icon Customization (from schema) -->
   <style>
     .hljs-copy-button:not([data-copied="true"])::before {
@@ -62,10 +67,10 @@ Data Source Hierarchy (priority):
 
 {%- capture html_highlight_script %}
   <!-- Highlight.js Library and Copy Plugin -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/{{ highlight_version }}/highlight.min.js"></script>
-  <script src="https://unpkg.com/highlightjs-copy@1.0.6/dist/highlightjs-copy.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/{{ highlight_version }}/highlight.min.js" integrity="{{ highlight_script_sri }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+  <script src="https://unpkg.com/highlightjs-copy@{{ copy_version }}/dist/highlightjs-copy.min.js" integrity="{{ copy_script_sri }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
   <!-- Initialize Highlight.js -->
-  <script src="{{ site.baseurl }}/assets/js/base/highlight.min.js"></script>
+  <script src="{{ site.baseurl }}/assets/js/base/highlight.min.js" defer></script>
 {%- endcapture %}
 
 {%- assign type = include.type %}

data/_includes/base/{partials/navbar.html.liquid → navbar.html.liquid}

@@ -26,7 +26,7 @@ Data Source Hierarchy (priority):
 1. include.data
 2. page.with_navbar_data
 3. site.data.navbar
-4. site.data.base.partials.navbar
+4. site.data.base.navbar
 ================================================================================
 {% endcomment %}
 
@@ -37,10 +37,10 @@ Data Source Hierarchy (priority):
 {%- assign with_navbar_data = include.data
 | default: page.with_navbar_data
 | default: site.data.navbar
-| default: site.data.base.partials.navbar
+| default: site.data.base.navbar
 %}
 
-{%- assign with_navbar_schema = site.data.base.partials.navbar_schema.properties.with_navbar_data.properties %}
+{%- assign with_navbar_schema = site.data.base.navbar_schema.properties.with_navbar_data.properties %}
 
 {%- if with_navbar %}