jekyll-theme-centos 2.1.0.beta.1 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9b74f43692ec376d4f8b00853a6fcbee17923c864c82f2fc3fb43f78c9596076
-  data.tar.gz: e1a7a6774d3a1889cf78a12855ddfc76a442f23bd6b625148607c2c7bbee25be
+  metadata.gz: 51b7f1f98808387fd75a4d302018d9c7ad9d3e20b6c0a9142c070ebbfb471ce0
+  data.tar.gz: 2e6c8c03d9b9b6aecc5ffef9ed31a12e8f70b33936b141c45aacffd44ae834e6
 SHA512:
-  metadata.gz: 88b4772e3158ad18d6dcaa5cc5ece7707738c19088a36f5a00574f6b7ad29d9819fe792634ed07384597f2d0e6cde11aaab572a6608df7e7328c3ef5456177bc
-  data.tar.gz: cd2d95bbd48480b6ae421e9e26d833d665b1126b05cc347d7d31f3dcfd3bd7f97c9c5d3dcc7776d573fc7c7c52b4aecf3517aef7dced6bdf40186938efe74efa
+  metadata.gz: c51a9f4cd8c932eb514d5bc0186d80fc416f217171d10c6e7d8dc218ece7d740c01e30078b91e1577bed3348091ef21174ef0ef09db31687bfc202a5bff0b484
+  data.tar.gz: c3bd3782a6caaa7eed30bd9b26a40e098d294eb1c4e9b1e6f2d8e183e9b5e723773fb7156fd0c20c641e88bd0ab3fdd2b48abd71e765cf50b049fad0300cc40b

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>
-    <link rel="icon" type="image/svg+xml" sizes="any" href="{{ site.baseurl }}/assets/img/favicon.svg">
+    <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/header.html

@@ -4,7 +4,7 @@
       <div class="col">
         <img class="rounded-circle shadow img-fluid" width="250" src="{{ site.baseurl }}/assets/img/people/{{ page.username }}.png" alt="{{ page.username }}" />
         <h1 class="display-1 fw-bold">{{ page.username }}</h1>
-        <p class="lead">{{ page.:ullname }}</p>
+        <p class="lead">{{ page.description }}</p>
       </div>
     </div>
   </div>

data/_includes/people/posts.html

@@ -14,14 +14,14 @@
     </div>
   </div>
 
-  <div class="row mt-3">
+  <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>
+            <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>

data/_includes/people/projects.html

@@ -12,7 +12,7 @@
       {% if item.projects.section.preamble %}<p>{{ item.projects.section.preamble }}</p>{% endif %}
     </div>
   </div>
-  <div class="row mt-3">
+  <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>

data/_includes/people/pubkeys.html

@@ -12,7 +12,7 @@
     </div>
   </div>
 
-  <div class="row mt-3">
+  <div class="row">
     {% for pubkey in item.pubkeys.content %}
     <div class="col-sm-6 px-5 mb-3">
       <h3 class="display-6 fw-bold">{{ pubkey.name }}</h3>

data/_includes/people/support.html

@@ -2,7 +2,7 @@
 {% assign person = site.data.centos.people | where: "username", username %}
 
 {% for item in person %}
-<div class="container my-5 text-center">
+<div class="container mt-5 mb-3 text-center">
 
   <div class="row">
     <div class="col">
@@ -12,7 +12,7 @@
     </div>
   </div>
 
-  <div class="row mt-3">
+  <div class="row">
     <div class="col">
       {{ item.support.content }}
     </div>

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/_layouts/people.html

@@ -10,7 +10,6 @@
     <main class="bg-light">
 
       {% include people/header.html %}
-      {% include people/about.html %}
       {% include people/projects.html %}
       {% include people/posts.html %}
       {% include people/pubkeys.html %}

data/_sass/centos/_links.scss

@@ -48,3 +48,15 @@ a {
     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;
+      }
+    }
+  }
+}

data/_sass/centos/centos-lists.scss

@@ -0,0 +1,161 @@
+/*!
+ * Mailing lists 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, .page {
+  &__content {
+    &__mailman {
+      &__nav {
+        ul {
+          font-size: small;
+          list-style: none;
+          padding-left: 0;
+        }
+      }
+      &__article {
+        pre {
+          border: none;
+          border-bottom: 1px solid #ccc;
+          border-top: 1px solid #ccc;
+          max-height: none;
+          padding: 0;
+          padding-top: 1rem;
+          padding-bottom: 1rem;
+          overflow: hidden;
+          white-space: pre-wrap;
+          background: $white;
+        }
+      }
+    }
+  }
+}
+
+.page {
+  &__content {
+    &__mailman {
+      &__admlogin {
+        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td {
+          background-color: $white;
+          border: none;
+          padding: 0;
+          vertical-align: middle;
+        }
+        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
+          text-align: center;
+        }
+        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) {
+          text-align: right;
+        }
+      }
+      &__welcome {
+        &> table:nth-child(1) > tbody > tr:nth-child(1) > td,
+        &> form > table > tbody > tr > td > center > table > tbody > tr > td,
+        &> form > table > tbody > tr > td {
+          background-color: white;
+          border: none;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td {
+          border: none;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > font:nth-child(1) {
+          display: none;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td > p {
+          line-height: $line-height-base;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
+        &> address:nth-child(5) > p:nth-child(7) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td,
+        &> address > table > tbody > tr > td,
+        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td {
+          background-color: $white;
+          border: none;
+          padding: 0;
+          vertical-align: middle;
+          text-align: left;
+        }
+        &> address > table > tbody > tr > td:nth-child(2),
+        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
+          text-align: center;
+        }
+        &> address > table > tbody > tr > td:nth-child(3),
+        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) {
+          text-align: right;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
+          padding: 0;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1) > strong:nth-child(1) > font:nth-child(1),
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) > strong:nth-child(1) > font:nth-child(1) {
+          font-size: 1rem;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > font:nth-child(1) {
+          @extend .h3;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td {
+          border: none;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3),
+        &> hr:nth-child(2) {
+          display: none;
+        }
+        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) {
+          @extend .text-white, .bg-dark;
+        }
+      }
+      &__listinfo {
+        &> address:nth-child(8) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td {
+          background-color: $white;
+          border: none;
+          padding: 0;
+          vertical-align: middle;
+          text-align: left;
+        }
+        &> address:nth-child(8) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
+          text-align: left;
+        }
+        &> address:nth-child(8) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
+          text-align: center;
+        }
+        &> address:nth-child(8) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) {
+          text-align: right;
+        }
+      }
+      &__options {
+        &> address > table > tbody > tr > td {
+          background-color: $white;
+          border: none;
+          padding: 0;
+        }
+        &> address > table > tbody > tr > td:nth-child(1) {
+          text-align: left;
+        }
+        &> address > table > tbody > tr > td:nth-child(2) {
+          text-align: center;
+        }
+        &> address > table > tbody > tr > td:nth-child(3) {
+          text-align: right;
+        }
+      }
+      &__subscribe {
+        &> address > table > tbody > tr > td {
+          background-color: $white;
+          border: none;
+          padding: 0;
+        }
+        &> address > table > tbody > tr > td:nth-child(1) {
+          text-align: left;
+        }
+        &> address > table > tbody > tr > td:nth-child(2) {
+          text-align: center;
+        }
+        &> address > table > tbody > tr > td:nth-child(3) {
+          text-align: right;
+        }
+      }
+      &__welcome, &__listinfo, &__archtoc, &__archtocnombox, &__article, &__emptyarchive, &__options, &__roster, &__subscribe, &__private, &__admlogin {
+      }
+    }
+  }
+}

data/assets/css/dataTables.bootstrap5.min.css

@@ -0,0 +1,5 @@
+table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.9em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▴"}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▾"}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody table.dataTable thead>tr>th:before,div.dataTables_scrollBody table.dataTable thead>tr>th:after,div.dataTables_scrollBody table.dataTable thead>tr>td:before,div.dataTables_scrollBody table.dataTable thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgba(13, 110, 253, 0.9);animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}/*! Bootstrap 5 integration for DataTables
+ *
+ * ©2020 SpryMedia Ltd, all rights reserved.
+ * License: MIT datatables.net/license/mit
+ */table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:none}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);color:white}table.dataTable.table-striped>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.05)}table.dataTable.table-striped>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.95)}table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.075)}table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.975)}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:before,div.dataTables_scrollBody>table>thead .sorting_asc:before,div.dataTables_scrollBody>table>thead .sorting_desc:before,div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody tr:first-child th,div.dataTables_scrollBody>table>tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable thead tr:first-child th,table.table-bordered.dataTable thead tr:first-child td{border-top-width:1px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:first-child,table.table-bordered.dataTable th:first-child,table.table-bordered.dataTable td:first-child,table.table-bordered.dataTable td:first-child{border-left-width:1px}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-bottom-width:1px}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0}

data/assets/css/stylesheet.min.scss

@@ -1,16 +1,17 @@
 ---
 ---
-// Bootstrap
-@import "bootstrap/scss/functions";
+
+// Include any default variable overrides here (though functions won't be available)
 @import "centos/variables";
+
+// Include all of Bootstrap
 @import "bootstrap/scss/bootstrap";
-@import "centos/headings";
-@import "centos/links";
-@import "centos/sponsors";
 
-// Fontawesome
+// Include additional custom code here
 @import "@fortawesome/fontawesome-free/scss/fontawesome";
 @import "@fortawesome/fontawesome-free/scss/brands";
 @import "@fortawesome/fontawesome-free/scss/solid";
 @import "centos/fonts/montserrat";
 @import "centos/fonts/overpass";
+@import "centos/sponsors";
+@import "centos/links";