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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60ff47adaadb155f4ee5765098bc4433642bb0e5f48686fb6881ab07d0fac05c
-  data.tar.gz: eed270315fb4b512157d7ee17bbf11211d3d4721ba2078932f2a0ad9a1f35912
+  metadata.gz: c512bf1b9823f8e6695ec3308386a0c3c96b038b6681cbcf0fe2384b858c49cd
+  data.tar.gz: '0084f9efd74d2d462da9aefad409673b3b3f01f6db8fdb5f6709a787fda713a1'
 SHA512:
-  metadata.gz: 921f8ce7b1167fb11fb45b33d8b887b6cf78b497740f5cc1cbbcb97819304867b19ef55e958f4ff1ad1703bcaef46fa2a29e5e076d707113cabe52ce7349b088
-  data.tar.gz: 2d0fb659f92d3be6953e03356082a4727b1666b860c6f921eb7a75b2f9355ad25cbfb4179aaf791479415ea09c9409151e6b6d07f122a42f1353796f0c73b122
+  metadata.gz: b8781ead1b5a6500904a5667624037797cff9dbafdc7ae510a1676e85d6b2dca8ef6a9661006607af24c56f14884e2d8ddf90dd7bfb1d453f9ae2f736ff0983b
+  data.tar.gz: 8abf8e6c6b164a8684f32d8da04fba5fd2f318a3922d6c7584655f4b966301c16a93bd3f7d603b21aee5dfa671375423e28911b9f6e8569eb6a3edece05f8201

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/_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 {