jekyll-theme-centos 2.2.0.beta.10 → 2.2.0.pre.staging.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2f59ee3cd43267b2024140651cc5dfc73b835713eb0bd4906dd8fc2573f5f56
-  data.tar.gz: 1f1b6d43fa58ff3197cab5dc875bf150e2bf977d002e19140a9f87716cb12583
+  metadata.gz: 6f10c0748f1adbeeefb16f2b75c46054c97cfd52227d081cb7a56887d9886583
+  data.tar.gz: 0d8d8548c3863d18e4c3e17a71bbf7071034a200b4facff101b5ff1a250ccdd2
 SHA512:
-  metadata.gz: 190ca85d998032d35013b26739c87bff045ae11fc84acb624831b5ced9ccf7e4de50348a729f03998d373316414874729af57b9d34f2c0c41910e3d08c4b4f31
-  data.tar.gz: 2c199dc0b3ad7ff325c84a29ca9f47e180b1fbe0d1e426c4e3a593963349329c958ed294ce291b6b0f162dad3223592649d8e3af7d74b827cf063f0717c0956e
+  metadata.gz: 5bc302032a9b5cd5bfd1e335831f9e2b48ba04698c66624e31fee8107fe9b93147e562ab0cf2b1d38cfd751d5a29644f5e074f8a5b95494ce595c26abe22fb32
+  data.tar.gz: 1ffac39294cd3d77fc13340d58f68356ad9ec9b7e18b18e3fc3d0107d2049ca0b50f628f566cff65fc9a052ef7d4e39e3071145a36e4d886315e7d24fc2abdb1

data/_includes/breadcrumbs.html

@@ -6,7 +6,7 @@
     {% if forloop.last %}
       <li class="breadcrumb-item active">{{ page.title }}</li>
     {% else %}
-      <li class="breadcrumb-item"><a href="{{ site.baseurl }}{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
+      <li class="breadcrumb-item"><a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
     {% endif %}
   {% endfor %}
 </ol>

data/_includes/default/header.html

@@ -1,10 +1,2 @@
-<div class="bg-dark" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
-  <div class="container py-5 text-light">
-    <div class="row mb-5">
-    <div class="col">
-      <div class="display-4 my-4 fw-bold">{{ page.title }}</div>
-      <div class="lead">{{ page.title_lead }}</div>
-    </div>
-    </div>
-  </div>
-</div>
+<h1 class="display-4 fw-bold">{{ page.title }}</h1>
+<p class="lead">{{ page.title_lead }}</p>

data/_includes/footer.html

@@ -1,4 +1,4 @@
-<footer class="footer pt-3 bg-dark small text-light" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
+<footer class="footer mt-5 pt-3 bg-dark small text-light" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
 
 <div class="container">
   <div class="row justify-content-between mt-4 pt-4">

data/_includes/head-datatables.html

@@ -2,7 +2,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>{{ page.title }}</title>
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/img/favicon.png">
-    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
-    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/dataTables.bootstrap5.min.css">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon.png">
+    <link rel="stylesheet" href="/assets/css/stylesheet.css">
+    <link rel="stylesheet" href="/assets/css/dataTables.bootstrap5.min.css">
 </head>

data/_includes/head.html

@@ -2,6 +2,6 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>{{ page.title }}</title>
-    {% favicons %}
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/img/favicon.png">
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.min.css">
 </head>

data/_includes/home/distributions.html

@@ -7,7 +7,7 @@
     </div>
   </div>
 
-  <div class="row mt-3">
+  <div class="row">
     {% for item in site.data.centos.distributions limit:2 %}
     <div class="col-sm-6 px-5 mb-3{% if forloop.first %} border-end{% endif %}">
       <img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.symbol.image }}" height="64" alt="{{ site.title }}">

data/_includes/home/header.html

@@ -2,8 +2,8 @@
   <div class="container py-5 text-white text-center">
     <div class="row">
       <div class="col">
-        <div class="display-1 fw-bold">{{ site.title }}</div>
-        <div class="lead">{{ site.description }}</div>
+        <h1 class="display-1 fw-bold">{{ site.title }}</h1>
+        <p class="lead">{{ site.description }}</p>
       </div>
     </div>
   </div>

data/_includes/home/news-and-events.html

@@ -9,17 +9,20 @@
     </div>
   </div>
 
-  <div class="row mt-3 text-start">
+  <div class="row">
     <div class="col">
       <div class="list-group shadow mb-3">
         {% for i in entries limit:5 %}
         {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
-        <a href="{{ i.link }}" class="list-group-item list-group-item-action">
-          <div class="d-flex gap-2w-100 justify-content-between">
-            <h5 class="pt-0 mt-1 mb-1 fw-bold text-primary">{{ i.title }}</h5>
-            <small class="text-muted">{{ i.date | date: date_format }}</small>
+        <a href="{{ i.link }}" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+          <i class="text-primary mt-2 fa-solid fa-calendar-days"></i>
+          <div class="d-flex gap-2 w-100 justify-content-between">
+            <div class="text-start">
+              <h5 class="text-primary">{{ i.title }}</h5>
+              <p class="opacity-75">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>
+            </div>
+            <small class="opacity-50 text-nowrap">{{ i.date | date: date_format }}</small>
           </div>
-          <p class="mb-1">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>
         </a>
         {% endfor %}
       </div>

data/_includes/home/planet.html

@@ -7,23 +7,24 @@
     <div class="display-6">Blob posts</div>
     </div>
   </div>
-
-  <div class="row mt-3 text-start">
+  <div class="row">
     <div class="col">
       <div class="list-group shadow mb-3">
         {% for i in entries limit:5 %}
         {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
-        <a href="{{ i.link }}" class="list-group-item list-group-item-action">
-          <div class="d-flex gap-2w-100 justify-content-between">
-            <h5 class="pt-0 mt-1 mb-1 fw-bold text-primary">{{ i.title }}</h5>
-            <small class="text-muted">{{ i.published | date: date_format }}</small>
-          </div>
-          <p class="mb-1">{{ i.summary | strip_html | slice: 0,150 }}...</p>
+        <a href="{{ i.link }}" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+        <i class="text-primary mt-2 fa-solid fa-globe"></i>
+        <div class="d-flex gap-2 w-100 justify-content-between">
+        <div class="text-start">
+          <h5 class="text-primary">{{ i.title }}</h5>
+          <p class="opacity-75">{{ i.summary | strip_html | slice: 0,150 }}...</p>
+        </div>
+        <small class="opacity-50 text-nowrap">{{ i.published | date: date_format }}</small>
+        </div>
         </a>
         {% endfor %}
       </div>
     </div>
-  </div>
 
   </div>
 </div>

data/_includes/home/sponsors.html

@@ -10,7 +10,7 @@
     </div>
   </div>
 
-  <div class="row mt-3">
+  <div class="row">
     <div class="col">
       <div class="content d-flex align-items-center justify-content-center">
         <div class="container rounded">

data/_includes/people/about.html

@@ -1,25 +1,27 @@
-{% if page.about.section.visible == true %}
-<div class="container py-5 text-center border-top"{% if page.about.section.highlight == true %} style="background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(248,249,250,0) 100%);"{% endif %}>
+{% assign username = page.username %}
+{% assign person = site.data.centos.people | where: "username", username %}
+
+{% for item in person %}
+<div class="container mt-5 mb-3 text-center">
 
   <div class="row">
     <div class="col">
-      {% if page.about.section.icon %}<div class="display-6">{{ page.about.section.icon }}</div>{% endif %}
-      {% if page.about.section.name %}<div class="display-6">{{ page.about.section.name }}</div>{% endif %}
-      {% if page.about.section.preamble %}<p>{{ page.about.section.preamble }}</p>{% endif %}
+      {% if item.about.section.icon %}<div class="display-6">{{ item.about.section.icon }}</div>{% endif %}
+      {% if item.about.section.name %}<div class="display-6">{{ item.about.section.name }}</div>{% endif %}
+      {% if item.about.section.preamble %}<p>{{ item.about.section.preamble }}</p>{% endif %}
     </div>
   </div>
 
-  <div class="row mt-3">
+  {% if item.about.content.size > 0 %}
+  <div class="row">
     <div class="col">
-      {% if page.about.content.size > 0 %}
-      {% for p in page.about.content %}
+      {% for p in item.about.content %}
       <p>{{ p }}</p>
       {% endfor %}
-      {% else %}
-      <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
-      {% endif %}
     </div>
   </div>
+  {% endif %}
 
 </div>
-{% endif %}
+{% endfor %}
+

data/_includes/people/posts.html

@@ -1,38 +1,36 @@
 {% assign username = page.username %}
-{% assign entries = site.posts | where: "author", username %}
-{% assign limit = page.posts.section.limit %}
+{% assign entries = site.posts | where: "username", username %}
+{% assign person = site.data.centos.people | where: "username", username %}
 
-{% if page.posts.section.visible == true %}
-<div class="container py-5 text-center border-top"{% if page.posts.section.highlight == true %} style="background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(248,249,250,0) 100%);"{% endif %}>
+{% if entries.size > 0 %}
+{% for item in person %}
+<div class="container">
 
-  <div class="row">
+  <div class="row text-center">
     <div class="col">
-      {% if page.posts.section.icon %}<div class="display-6">{{ page.posts.section.icon }}</div>{% endif %}
-      {% if page.posts.section.name %}<div class="display-6">{{ page.posts.section.name }}</div>{% endif %}
-      {% if page.posts.section.preamble %}<p>{{ page.posts.section.preamble }}</p>{% endif %}
+      {% if item.posts.section.icon %}<div class="display-6">{{ item.posts.section.icon }}</div>{% endif %}
+      {% if item.posts.section.name %}<div class="display-6">{{ item.posts.section.name }}</div>{% endif %}
+      {% if item.posts.section.preamble %}<p>{{ item.posts.section.preamble }}</p>{% endif %}
     </div>
   </div>
 
   <div class="row">
     <div class="col">
-      {% if entries.size > 0 %}
-      <div class="list-group shadow text-start">
-        {% for i in entries limit: limit %}
+      <div class="list-group shadow mb-3">
+        {% for i in entries limit:5 %}
         {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
-        <a href="{{ site.baseurl }}{{ i.url }}" class="list-group-item list-group-item-action">
+        <a href="{{ i.link }}" class="list-group-item list-group-item-action">
           <div class="d-flex gap-2w-100 justify-content-between">
-            <h5 class="pt-0 mt-1 mb-1 fw-bold text-primary">{{ i.title }}</h5>
+            <h5 class="mb-1 text-primary">{{ i.title }}</h5>
             <small class="text-muted">{{ i.date | date: date_format }}</small>
           </div>
           <p class="mb-1">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>
         </a>
         {% endfor %}
       </div>
-      {% else %}
-      <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
-      {% endif %}
     </div>
   </div>
 
 </div>
+{% endfor %}
 {% endif %}

data/_includes/people/projects.html

@@ -1,28 +1,26 @@
-{% if page.projects.section.visible == true %}
-<div class="container py-5 text-center border-top"{% if page.projects.section.highlight == true %} style="background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(248,249,250,0) 100%);"{% endif %}>
+{% assign username = page.username %}
+{% assign person = site.data.centos.people | where: "username", username %}
+
+{% for item in person %}
+{% if item.projects.content.size > 0 %}
+<div class="container my-5 text-center">
+
   <div class="row">
     <div class="col">
-      {% if page.projects.section.icon %}<div class="display-6">{{ page.projects.section.icon }}</div>{% endif %}
-      {% if page.projects.section.name %}<div class="display-6">{{ page.projects.section.name }}</div>{% endif %}
-      {% if page.projects.section.preamble %}<p>{{ page.projects.section.preamble }}</p>{% endif %}
+      {% if item.projects.section.icon %}<div class="display-6">{{ item.projects.section.icon }}</div>{% endif %}
+      {% if item.projects.section.name %}<div class="display-6">{{ item.projects.section.name }}</div>{% endif %}
+      {% if item.projects.section.preamble %}<p>{{ item.projects.section.preamble }}</p>{% endif %}
     </div>
   </div>
-
-  {% if page.projects.content.size > 0 %}
-  <div class="row mt-3">
-    {% for project in page.projects.content %}
-    <div class="col-sm-6{% cycle ' border-end', '' %}">
-      <div class="display-6 pt-3 fw-bold"><a href="{{ project.link }}">{{ project.name }}</a></div>
-      <div class="lead pb-3">{{ project.description }}</div>
+  <div class="row">
+    {% for project in item.projects.content %}
+    <div class="col-sm-6 {% cycle 'border-end', '' %}">
+      <h3 class="display-6 fw-bold"><a href="{{ project.name }}">{{ project.name }}</a></h3>
+      <p class="lead">{{ project.description }}</p>
     </div>
     {% endfor%}
   </div>
-  {% else %}
-  <div class="row mt-3">
-    <div class="col">
-      <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
-    </div>
-  </div>
-  {% endif %}
 </div>
+
 {% endif %}
+{% endfor%}

data/_includes/people/pubkeys.html

@@ -1,29 +1,30 @@
-{% if page.pubkeys.section.visible == true %}
-<div class="container py-5 text-center border-top"{% if page.pubkeys.section.highlight == true %} style="background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(248,249,250,0) 100%);"{% endif %}>
+{% assign username = page.username %}
+{% assign person = site.data.centos.people | where: "username", username %}
+
+{% for item in person %}
+<div class="container mt-5 mb-3 text-center">
 
   <div class="row">
     <div class="col">
-      {% if page.pubkeys.section.icon %}<div class="display-6">{{ page.pubkeys.section.icon }}</div>{% endif %}
-      {% if page.pubkeys.section.name %}<div class="display-6">{{ page.pubkeys.section.name }}</div>{% endif %}
-      {% if page.pubkeys.section.preamble %}<p>{{ page.pubkeys.section.preamble }}</p>{% endif %}
+      {% if item.pubkeys.section.icon %}<div class="display-6">{{ item.pubkeys.section.icon }}</div>{% endif %}
+      {% if item.pubkeys.section.name %}<div class="display-6">{{ item.pubkeys.section.name }}</div>{% endif %}
+      {% if item.pubkeys.section.preamble %}<p>{{ item.pubkeys.section.preamble }}</p>{% endif %}
     </div>
   </div>
 
-  {% if page.pubkeys.content.size > 0 %}
   <div class="row">
-    {% for pubkey in page.pubkeys.content %}
-    <div class="col-sm-6 px-5">
-      <p class="fw-bold">{{ pubkey.name }}</p>
-      <div class="input-group">
-        <textarea id="{{ pubkey.name }}-key-{{ forloop.index }}" class="form-control font-monospace" placeholder="User's key" aria-label="User's key" aria-describedby="{{ pubkey.name }}-button-{{ forloop.index }}" readonly rows="5">{{ pubkey.content }}</textarea>
+    {% for pubkey in item.pubkeys.content %}
+    <div class="col-sm-6 px-5 mb-3">
+      <h3 class="display-6 fw-bold">{{ pubkey.name }}</h3>
+
+      <div class="input-group mb-3">
+        <input id="{{ pubkey.name }}-key-{{ forloop.index }}" value="{{ pubkey.content }}" type="text" class="form-control" placeholder="User's key" aria-label="User's key" aria-describedby="{{ pubkey.name }}-button-{{ forloop.index }}" readonly />
         <button id="{{ pubkey.name }}-button-{{ forloop.index }}" class="btn btn-clipboard btn-outline-primary" type="button" data-clipboard-target="#{{ pubkey.name }}-key-{{ forloop.index }}" data-bs-toggle="tooltip" data-bs-title="Copy to clipboard"><i class="fa-solid fa-clipboard"></i></button>
       </div>
+
     </div>
     {% endfor %}
   </div>
-  {% else %}
-  <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
-  {% endif %}
 
 </div>
-{% endif %}
+{% endfor%}

data/_includes/people/support.html

@@ -1,25 +1,22 @@
-{% if page.support.section.visible == true %}
-<div class="container py-5 text-center border-top"{% if page.support.section.highlight == true %} style="background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(248,249,250,0) 100%);"{% endif %}>
+{% assign username = page.username %}
+{% assign person = site.data.centos.people | where: "username", username %}
+
+{% for item in person %}
+<div class="container mt-5 mb-3 text-center">
 
   <div class="row">
     <div class="col">
-      {% if page.support.section.icon %}<div class="display-6">{{ page.support.section.icon }}</div>{% endif %}
-      {% if page.support.section.name %}<div class="display-6">{{ page.support.section.name }}</div>{% endif %}
-      {% if page.support.section.preamble %}<p>{{ page.support.section.preamble }}</p>{% endif %}
+      {% if item.support.section.icon %}<div class="display-6">{{ item.support.section.icon }}</div>{% endif %}
+      {% if item.support.section.name %}<div class="display-6">{{ item.support.section.name }}</div>{% endif %}
+      {% if item.support.section.preamble %}<p>{{ item.support.section.preamble }}</p>{% endif %}
     </div>
   </div>
 
-  {% if page.support.content.size > 0 %}
   <div class="row">
-    {% for support in page.support.content %}
     <div class="col">
-      {{ support }}
+      {{ item.support.content }}
     </div>
-    {% endfor %}
   </div>
-  {% else %}
-  <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
-  {% endif %}
 
 </div>
-{% endif %}
+{% endfor %}

data/_includes/post-nav-explorer.html

@@ -11,7 +11,7 @@
     <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
   </div>
   <div class="post__nav__explorer__index">
-    <a href="{{ "/news-and-events/" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+    <a href="/news-and-events/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
   </div>
   {% if page.next.url %}
   <div class="post__nav__explorer__older">

data/_includes/search.html

@@ -2,8 +2,8 @@
 <div id="search-hits"></div>
 <div id="search-pagination"></div>
 
-<script src="{{ site.baseurl }}/assets/js/instantsearch.min.js"></script>
-<script src="{{ site.baseurl }}/assets/js/moment.min.js"></script>
+<script src="/assets/js/instantsearch.min.js"></script>
+<script src="/assets/js/moment.min.js"></script>
 <script>
   const search = instantsearch({
     appId: '{{ site.algolia.application_id }}',

data/_layouts/blog.html

@@ -7,7 +7,7 @@ layout: default
   <div class="blog__content">
 
   <ol class="blog__content__breadcrumb">
-    <li class="blog__content__breadcrumb__item"><a href="{{ site.baseurl }}">Home</a></li>
+    <li class="blog__content__breadcrumb__item"><a href="/">Home</a></li>
     <li class="blog__content__breadcrumb__item--active">{{ page.title | capitalize }}</li>
   </ol>
 

data/_layouts/default.html

@@ -9,9 +9,17 @@
 
     <main class="bg-light">
 
-      {% include header.html -%}
+      <div class="bg-dark" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
+        <div class="container py-5 text-light">
+          <div class="row mb-5">
+          <div class="col">
+            {% include header.html -%}
+          </div>
+          </div>
+        </div>
+      </div>
 
-      <div class="container shadow-lg bg-body p-5 mt-n5 rounded-top">
+      <div class="container shadow-lg bg-body p-5 mt-n5 rounded">
         <div class="row">
           <div class="col-sm-8">{% include breadcrumbs.html %}</div>
           <div class="col-sm-4 text-end">{% include editbar.html %}</div>

data/_layouts/home.html

@@ -13,6 +13,7 @@
       {% include home/distributions.html %}
       {% include home/news-and-events.html %}
       {% include home/planet.html %}
+      {% include home/sponsors.html %}
 
       {% include footer.html -%}
 

data/_sass/centos/_links.scss

@@ -1,11 +1,62 @@
 /* CentOS Links
+ *
+ * Thanks Harshil Patel for sharing the code used as reference.
+ * https://css-tricks.com/css-link-hover-effects/
  */
-main, footer {
-  a {
-    text-decoration: none;
+a {
+  position: relative;
+  padding-bottom: 5px;
+
+  &::before {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 3px;
+    bottom: 0;
+    left: 0;
+    transform-origin: right;
+    transform: scaleX(0);
+    transition: transform .1s ease-in-out;
+    background-color: var(--bs-primary);
+  }
+  &:hover{
+    color: var(--bs-primary);
   }
+  &:hover::before {
+    transform-origin: left;
+    transform: scaleX(1);
+  }
+}
 
-  a:hover {
-    text-decoration: underline;
+// --------------------------------------------------------------------------------
+// Exceptions
+//
+// By default, the link effects defined above are applied to all anchor
+// elements. This is the desired behavior in most of cases. However there are
+// some elements in which we don't what to apply the link effect. Such
+// elements/classes are specified below.
+// --------------------------------------------------------------------------------
+.navbar, .rollers {
+  a {
+    &::before {
+      content: none;
+    }
+  }
+}
+.btn, .navbar-brand  {
+  &::before {
+    content: none;
   }
 }
+
+// --------------------------------------------------------------------------------
+// Navbar and linked headings' correction.
+//
+// By default, when you access page headings from the page table of content
+// (toc) links, the heading is hidden behind the navbar.  This workaround fixes
+// the linked headings visibility issue in the page.
+// --------------------------------------------------------------------------------
+h1,h2,h3,h4,h5,h6 {
+  padding-top: calc(#{$navbar-brand-height} * 2);
+  margin-top: calc(#{$navbar-brand-height} * -2);
+}

data/_sass/centos/_variables.scss

@@ -6,9 +6,8 @@ $centos-color-2: #262577;
 $centos-color-3: #9ccd2a;
 $centos-color-4: #efa724;
 //
-// Bootstrap customization
+// Bootstrap v5 customization variables
 //
-$body-color:                  shade-color($centos-color-1, 75);
 $enable-rounded:              true;
 $enable-negative-margins:     true;
 $nav-pills-link-active-bg:    $centos-color-1;
@@ -18,6 +17,9 @@ $primary:                     $centos-color-1;
 $secondary:                   $centos-color-4;
 $dark:                        #200735;
 $dropdown-dark-bg:            $dark;
+$gradient:                    linear-gradient(rgba(239,167,36,0.3), rgba(161,79,140,0.3) 30%, rgba(255,255,255,1));
 $font-family-sans-serif:      Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $font-family-monospace:       overpass-mono, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$headings-font-weight:        700;
 $line-height-base:            1.75;
+$headings-line-height:        2;

data/_sass/centos/centos-blog.scss

@@ -0,0 +1,46 @@
+/*!
+ * Blog customization (https://gitlab.com/areguera/jekyll-theme-centos/)
+ * Copyright 2020-2021 Alain Reguera Delgado
+ * Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
+ */
+
+.aside {
+  &__content {
+    .entry {
+      border-bottom: 1px solid $body-bg;
+      margin-bottom: 1.5rem;
+    }
+    .comment-list {
+      padding-left: 0;
+    }
+    .comment-list li {
+      list-style: none;
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+    }
+    .avatar {
+      border-radius: $border-radius;
+      margin-right: 1rem;
+      margin-bottom: 1rem;
+    }
+    .comment-body {
+      border-radius: $border-radius;
+      background: #f8f8f8;
+      padding: 1rem;
+    }
+    .comment-form-author textarea, input[type="text"],
+    .comment-form-comment textarea {
+      width: 100%;
+    }
+  }
+
+  &__nav {
+    .searchform input[type="text"] {
+      width: 80%;
+      margin-bottom: 2rem;
+    }
+    .widget ul {
+      padding-left: 0;
+    }
+  }
+}

data/_sass/centos/centos-httpd.scss

@@ -0,0 +1,27 @@
+/*!
+ * Httpd customization (https://gitlab.com/areguera/jekyll-theme-centos/)
+ * Copyright 2020-2021 Alain Reguera Delgado
+ * Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
+ */
+
+.page {
+  &__content {
+    &__autoindex {
+      // The autoindex is not directly used by website content but by external
+      // sites (e.g., mirror.centos.org, people.centos.org and all the
+      // user-specific pages under it.
+      &__list {
+      }
+      img {
+        width: auto;
+      }
+      pre {
+        background: none;
+        border: none;
+        max-height:  none;
+        overflow-y: hidden;
+        padding: 0;
+      }
+    }
+  }
+}