jekyll-theme-centos 2.51.1.beta.53 → 2.51.1.beta.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60ff47adaadb155f4ee5765098bc4433642bb0e5f48686fb6881ab07d0fac05c
-  data.tar.gz: eed270315fb4b512157d7ee17bbf11211d3d4721ba2078932f2a0ad9a1f35912
+  metadata.gz: d8ab16f4c1db9e235787598b25e960e919e40c9b48d98fe096e434bd4e0f4eda
+  data.tar.gz: 1d2d47e7221bd5ca855d2bf1cbade08785c2507b475e4653506f625af4c2e91d
 SHA512:
-  metadata.gz: 921f8ce7b1167fb11fb45b33d8b887b6cf78b497740f5cc1cbbcb97819304867b19ef55e958f4ff1ad1703bcaef46fa2a29e5e076d707113cabe52ce7349b088
-  data.tar.gz: 2d0fb659f92d3be6953e03356082a4727b1666b860c6f921eb7a75b2f9355ad25cbfb4179aaf791479415ea09c9409151e6b6d07f122a42f1353796f0c73b122
+  metadata.gz: d7390853ec019ac3d8972e2282d6b82db1f447f7c947cb639de811b5a6e14e72ae8f1a2114ecff1d5aae27ee0894f330119af00e9bc1ac1fbae4ceab5bb8d6cf
+  data.tar.gz: 3243fa337e9a14ddb29b10dcbcf17bd86f2b0bb799730dd0083fb89f683436b76048eed8d0c93eaaabc43b26a8237228fda73edcc65b6b7c099c86bb39d9dca6

data/_includes/base/announcements.html

@@ -1,4 +1,4 @@
-<div class="alert alert-{{ include.color | default: 'primary' }} alert-dismissible fade show shadow" role="alert">
+<div class="alert alert-{{ include.color | default: 'primary' }} alert-dismissible fade show shadow mb-3" role="alert">
   <div class="container d-flex justify-content-between align-items-center">
     <div class="me-3">
       <div class="h5 mb-0"><i class="{{ include.icon | default: 'fa-solid fa-bullhorn' }}"></i></div>

data/_includes/base/banner.html

@@ -0,0 +1,86 @@
+{%- capture html_banner %}
+{%- comment %}
+    Usage:
+        {% include base/banner.html %}
+
+    Optional Parameters:
+        * name          (string) : ""
+        * image         (string) : ""
+        * image_height  (string) : "92"
+        * icon          (string) : ""
+        * description   (string) : ""
+        * actions       (list)   : [{"name":"","url":""}]
+        * resources     (list)   : [{"name":"","url":"","icon":""}]
+
+    Output:
+        Page banner.
+{%- endcomment %}
+
+{%- assign image        = page.with_banner.image         | default: include.image %}
+{%- assign image_height = page.with_banner.image_height  | default: include.image_height | default: '92' %}
+{%- assign icon         = page.with_banner.icon          | default: include.icon %}
+{%- assign name         = page.with_banner.name          | default: include.name %}
+{%- assign description  = page.with_banner.description   | default: include.description %}
+{%- assign actions      = page.with_banner.actions       | default: include.actions %}
+{%- assign resources    = page.with_banner.resources     | default: include.resources %}
+
+{%- capture html_banner_image -%}
+  {%- if name == nil and description == nil and actions == nil and resources == nil %}
+  {%- assign mb = "1" %}
+  {%- else %}
+  {%- assign mb = "5" %}
+  {%- endif %}
+  <div class="mt-1 mb-{{ mb }}"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ image }}" height="{{ image_height }}" alt="{{ name }}"></div>
+{%- endcapture %}
+
+{%- capture html_banner_icon -%}
+  {%- if name == nil and description == nil and actions == nil and resources == nil %}
+  {%- assign mb = "1" %}
+  {%- else %}
+  {%- assign mb = "5" %}
+  {%- endif %}
+  <div class="display-4 mb-{{ mb }}"><i class="{{ icon }}"></i></div>
+{%- endcapture %}
+
+{%- capture html_banner_name -%}
+  <div class="display-4 fw-bold mb-1">{{ name }}</div>
+{%- endcapture %}
+
+{%- capture html_banner_description -%}
+  {%- if actions == nil and resources == nil %}
+  {%- assign mb = "1" %}
+  {%- else %}
+  {%- assign mb = "3" %}
+  {%- endif %}
+  <div class="lead mb-{{ mb }}">{{ description }}</div>
+{%- endcapture %}
+
+{%- capture html_banner_actions -%}
+  <div class="d-flex align-items-start">
+    {%- for action in actions %}
+    <div class="me-1 mb-1">{% include base/link.html class="btn btn-primary text-nowrap" role="button" name=action.name url=action.url %}</div>
+    {% endfor %}
+  </div>
+{%- endcapture %}
+
+{%- capture html_banner_resources -%}
+  <div class="d-flex bg-primary text-bg-primary text-center rounded-bottom">
+    {%- for resource in resources %}
+    <div class="col d-grid">
+    {% include base/link.html class="btn btn-primary text-nowrap" role="button" name=resource.name url=resource.url icon=resource.icon %}
+    </div>
+    {%- endfor %}
+  </div>
+{%- endcapture -%}
+<div class="d-flex justify-content-center bg-dark bg-image text-bg-dark px-3 rounded-top{% if resources == nil %} rounded-bottom{% endif %}">
+  <div class="col-sm-12 col-lg-8 py-5">
+    {%- if image %}{{ html_banner_image }}{% endif %}
+    {%- if icon %}{{ html_banner_icon }}{% endif %}
+    {%- if name %}{{ html_banner_name }}{% endif %}
+    {%- if description %}{{ html_banner_description }}{% endif %}
+    {%- if actions.size > 0 %}{{ html_banner_actions }}{% endif %}
+  </div>
+</div>
+{%- if resources.size > 0 %}{{ html_banner_resources }}{% endif %}
+{%- endcapture -%}
+{{- html_banner -}}

data/_includes/base/breadcrumbs.html

@@ -1,5 +1,5 @@
 <nav aria-label="{{ include.arialabel | default: 'breadcrumb' }}">
-<ol class="breadcrumb">
+<ol class="breadcrumb mb-0">
   {%- assign crumbs = page.url | remove:'/index.html' | split: '/' %}
   <li class="breadcrumb-item"><a class="link-offset-3 link-offset-3-hover link-underline link-underline-opacity-25 link-underline-opacity-75-hover" href="{{ site.baseurl }}/">Home</a></li>
   {%- for crumb in crumbs offset: 1 %}

data/_includes/base/copyright.html

@@ -7,14 +7,14 @@
 {%- assign color = include.color | default: "light" -%}
 {%- capture legals -%}
 {%- for item in copyright.legals -%}
-{%- assign name = item.text -%}
-{%- assign url = item.link -%}
-<span class="border-start ms-2 ps-2">{% include base/link.html name=name url=url color=color %}</span>
+{%- include base/link.html
+    class="border-start ms-2 ps-2 link-light link-offset-3 link-offset-3-hover link-underline-light link-underline-opacity-25 link-underline-opacity-75-hover"
+    url=item.link
+    name=item.text
+-%}
 {%- endfor -%}
 {%- endcapture -%}
 
 <div class="row my-3">
-  <div class="col">
-    <div>Copyright &copy; {{ site.time | date: "%Y" }} {{ copyright.author }} {{ legals }}</div>
-  </div>
+  <div class="col">Copyright &copy; {{ site.time | date: "%Y" }} {{ copyright.author }} {{ legals }}</div>
 </div>

data/_includes/base/languages.html

@@ -1,35 +1,12 @@
 {% assign locales = page.with_locales.size | plus: 1 %}
-{% capture modal_title %}
-<i class="fa-solid fa-language"></i> Languages <span class="badge text-bg-secondary">{{ locales }}</span>
-{% endcapture %}
-
-{% assign modal_id = include.id | default: 0 %}
-{% assign modal_preamble = include.preamble | default: "This page is available in the following languages:"%}
-{% assign modal_footer = include.footer | default: "" %}
-
-<button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#languageModal-{{ modal_id }}">
-{{ modal_title }}
-</button>
-
-<div class="modal fade" id="languageModal-{{ modal_id }}" tabindex="-1" aria-labelledby="languageModalLabel-{{ modal_id }}">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-4" id="languageModalLabel-{{ modal_id }}">{{ modal_title }}</h1>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-      </div>
-      <div class="modal-body">
-        <p>{{ modal_preamble }}</p>
-        <a href="{{ site.baseurl }}{{ page.url }}" role="button" class="btn btn-sm btn-primary">{{ site.data.base.languages["en"] }}</a>
-        {% for locale in page.with_locales %}
-        <a href="{{ site.baseurl }}/{{ locale }}{{ page.url }}" role="button" class="btn btn-sm btn-primary">{{ site.data.base.languages[locale] }}</a>
-        {% endfor %}
-      </div>
-      {% if modal_footer != "" %}
-      <div class="modal-footer">
-        <p class="small">{{ modal_footer }}</p>
-      </div>
-      {% endif %}
-    </div>
-  </div>
+<div class="dropdown">
+  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+    <i class="fa-solid fa-language"></i> Languages
+  </button>
+  <ul class="dropdown-menu">
+    <li><a class="dropdown-item" href="{{ site.baseurl }}{{ page.url }}">{{ site.data.base.languages["en"] }}</a></li>
+    {% for locale in page.with_locales %}
+    <li><a class="dropdown-item" href="{{ site.baseurl }}/{{ locale }}{{ page.url }}">{{ site.data.base.languages[locale] }}</a></li>
+    {% endfor %}
+  </ul>
 </div>

data/_includes/base/link.html

@@ -1,17 +1,62 @@
-{%- capture href -%}
-{%- if include.url contains "https://" or include.url contains "http://" -%}
-{{- include.url -}}
-{%- else -%}
-{{- site.url }}{{ site.baseurl }}{{ include.url -}}
-{%- endif -%}
+{%- capture html_link %}
+{%- comment %}
+    Usage:
+        {% include base/link.html name="Text link" url="#" %}
+
+    Optional Parameters:
+        * name          (string) : ""
+        * url           (string) : ""
+        * class         (string) : ""
+        * role          (string) : ""
+        * color         (string) : "primary"
+        * icon          (string) : ""
+        * icon_position (string) : "start"
+
+    Output:
+        Text link with consistent presentation.
+{%- endcomment %}
+
+{%- assign name          = include.name          | default: nil %}
+{%- assign url           = include.url           | default: nil %}
+{%- assign color         = include.color         | default: "primary" %}
+{%- assign role          = include.role          | default: nil %}
+{%- assign icon          = include.icon          | default: nil %}
+{%- assign icon_position = include.icon_position | default: "start" %}
+{%- assign class         = include.class         | default: nil %}
+
+{%- capture html_link_elements -%}
+  {%- if url == nil %}
+  href="{{ page.url }}#{{ name | strip | replace: " ", "-" | strip_html | downcase }}"
+  {%- else %}
+    {%- if url contains "https://" or url contains "http://" %}
+    href="{{ url }}"
+    {%- else %}
+    href="{{ site.url }}{{ site.baseurl }}{{ url }}"
+    {%- endif -%}
+  {%- endif -%}
+
+  {%- if class %}
+  class="{{ class }}"
+  {%- else %}
+  class="link-{{ color }} link-offset-3 link-offset-3-hover link-underline-{{ color }} link-underline-opacity-25 link-underline-opacity-75-hover"
+  {%- endif -%}
+
+  {%- if role %}
+  role="{{ role }}"
+  {%- endif -%}
+  {%- endcapture -%}
+
+  {%- capture html_link_name %}
+  {%- if icon != nil %}
+    {%- if icon_position == "end" -%}
+    {{ name }}<i class="{{ icon }} ms-2"></i>
+    {%- else -%}
+    <i class="{{ icon }} me-2"></i>{{ name }}
+    {%- endif -%}
+  {%- else -%}
+  {{ name }}
+  {%- endif -%}
 {%- endcapture -%}
-{%- capture class -%}
-{%- if include.class -%}
-{{- include.class -}}
-{%- else -%}
-link-{{ include.color | default: "primary" }} link-offset-3 link-offset-3-hover link-underline-{{ include.color | default: "primary" }} link-underline-opacity-25 link-underline-opacity-75-hover
-{%- endif -%}
-{%- endcapture -%}
-{%- if include.url -%}
-<a href="{{ href }}" class="{{ class }}"{% if include.role %} role="{{ include.role }}"{% endif %}>{% if include.icon %}<i class="{{ include.icon }}"></i> {% endif %}{{ include.name }}</a>
-{%- endif -%}
+<a {{ html_link_elements | strip_newlines | strip }}>{{ html_link_name }}</a>
+{%- endcapture %}
+{{- html_link -}}

data/_layouts/base/default.html

@@ -14,6 +14,7 @@
           title=news.title
           content=news.content
           color=news.color
+          icon=news.icon
           url=news.url
       -%}
       {% endfor %}
@@ -40,12 +41,13 @@
           title=announcement.title
           content=announcement.content
           color=announcement.color
+          icon=announcement.icon
       -%}
       {% endfor %}
       {% endif -%}
 
       {% if page.with_breadcrumbs == true or page.with_locales.size > 0 %}
-      <div class="row justify-content-center mb-5 small">
+      <div class="row align-items-center small mb-3">
         <div class="col">
         {% if page.with_breadcrumbs == true %}
         {% include base/breadcrumbs.html %}
@@ -59,6 +61,10 @@
       </div>
       {% endif %}
 
+      {% if page.with_banner != false %}
+      {% include base/banner.html %}
+      {% endif %}
+
       {% if page.with_title == true -%}
       <div class="row justify-content-center my-5">
         <div class="col-sm-12 col-lg-8">

data/_sass/base/_customization.scss

@@ -170,13 +170,6 @@ main {
       }
     }
     // --------------------------------------------------------------------------------
-    // Tuneup first paragraph top margin when it is the first element inside
-    // content.
-    // --------------------------------------------------------------------------------
-    > p:first-child {
-      margin-top: 3rem;
-    }
-    // --------------------------------------------------------------------------------
     // Tables
     // --------------------------------------------------------------------------------
     div.dataTables_wrapper {