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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 51b7f1f98808387fd75a4d302018d9c7ad9d3e20b6c0a9142c070ebbfb471ce0
-  data.tar.gz: 2e6c8c03d9b9b6aecc5ffef9ed31a12e8f70b33936b141c45aacffd44ae834e6
+  metadata.gz: 00f5031a47e751a5c4d45bf9873a929250550ca544cad1323a56d247e9f8ba97
+  data.tar.gz: 0e7f03dcb7b5f6d95f8d9bba1618573e7a232c8855c1f893933fd09504986420
 SHA512:
-  metadata.gz: c51a9f4cd8c932eb514d5bc0186d80fc416f217171d10c6e7d8dc218ece7d740c01e30078b91e1577bed3348091ef21174ef0ef09db31687bfc202a5bff0b484
-  data.tar.gz: c3bd3782a6caaa7eed30bd9b26a40e098d294eb1c4e9b1e6f2d8e183e9b5e723773fb7156fd0c20c641e88bd0ab3fdd2b48abd71e765cf50b049fad0300cc40b
+  metadata.gz: 8c29aea8623a5f1b768e0ca142634090d01d6022ff9286e4d0d86e3b0b15b377b225123e96cd373f78a4dc870db3b947f67bd61957b4df6b8e883e79dad0196e
+  data.tar.gz: 10a9147556206138a4f5830e7bac3ee40c5f06e0aad42a0952bec7399d78fc7fa03fd60da293671c9077e0ed873a40e04ef959c12b2cdba667d8a76c63f01e3b

data/_includes/default/header.html

@@ -1,2 +1,10 @@
-<h1 class="display-4 fw-bold">{{ page.title }}</h1>
-<p class="lead">{{ page.title_lead }}</p>
+<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>

data/_includes/footer.html

@@ -1,4 +1,4 @@
-<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;">
+<footer class="footer 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="/assets/img/favicon.png">
-    <link rel="stylesheet" href="/assets/css/stylesheet.css">
-    <link rel="stylesheet" href="/assets/css/dataTables.bootstrap5.min.css">
+    <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">
 </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/png" sizes="16x16" href="{{ site.baseurl }}/assets/img/favicon.png">
+    <link rel="icon" type="image/svg+xml" sizes="any" href="{{ site.baseurl }}/assets/img/favicon.svg">
     <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">
+  <div class="row mt-3">
     {% 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">
-        <h1 class="display-1 fw-bold">{{ site.title }}</h1>
-        <p class="lead">{{ site.description }}</p>
+        <div class="display-1 fw-bold">{{ site.title }}</div>
+        <div class="lead">{{ site.description }}</div>
       </div>
     </div>
   </div>

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

@@ -9,20 +9,17 @@
     </div>
   </div>
 
-  <div class="row">
+  <div class="row mt-3 text-start">
     <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 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>
+        <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>
           </div>
+          <p class="mb-1">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>
         </a>
         {% endfor %}
       </div>

data/_includes/home/planet.html

@@ -7,24 +7,23 @@
     <div class="display-6">Blob posts</div>
     </div>
   </div>
-  <div class="row">
+
+  <div class="row mt-3 text-start">
     <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 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 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>
         {% endfor %}
       </div>
     </div>
+  </div>
 
   </div>
 </div>

data/_includes/home/sponsors.html

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

data/_includes/people/about.html

@@ -0,0 +1,27 @@
+{% 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 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>
+
+  {% if item.about.content.size > 0 %}
+  <div class="row mt-3">
+    <div class="col">
+      {% for p in item.about.content %}
+      <p>{{ p }}</p>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+</div>
+{% endfor %}
+

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.description }}</p>
+        <p class="lead">{{ page.:ullname }}</p>
       </div>
     </div>
   </div>

data/_includes/people/posts.html

@@ -14,14 +14,14 @@
     </div>
   </div>
 
-  <div class="row">
+  <div class="row mt-3">
     <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="mb-1 text-primary">{{ i.title }}</h5>
+            <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>
           </div>
           <p class="mb-1">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>

data/_includes/people/projects.html

@@ -12,10 +12,10 @@
       {% if item.projects.section.preamble %}<p>{{ item.projects.section.preamble }}</p>{% endif %}
     </div>
   </div>
-  <div class="row">
+  <div class="row mt-3">
     {% 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>
+      <h3 class="display-6 fw-bold"><a href="{{ project.link }}">{{ project.name }}</a></h3>
       <p class="lead">{{ project.description }}</p>
     </div>
     {% endfor%}

data/_includes/people/pubkeys.html

@@ -12,7 +12,7 @@
     </div>
   </div>
 
-  <div class="row">
+  <div class="row mt-3">
     {% 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 mt-5 mb-3 text-center">
+<div class="container my-5 text-center">
 
   <div class="row">
     <div class="col">
@@ -12,7 +12,7 @@
     </div>
   </div>
 
-  <div class="row">
+  <div class="row mt-3">
     <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/"><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/" | 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>
   </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="/assets/js/instantsearch.min.js"></script>
-<script src="/assets/js/moment.min.js"></script>
+<script src="{{ site.baseurl }}/assets/js/instantsearch.min.js"></script>
+<script src="{{ site.baseurl }}/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="/">Home</a></li>
+    <li class="blog__content__breadcrumb__item"><a href="{{ site.baseurl }}">Home</a></li>
     <li class="blog__content__breadcrumb__item--active">{{ page.title | capitalize }}</li>
   </ol>
 

data/_layouts/default.html

@@ -9,17 +9,9 @@
 
     <main class="bg-light">
 
-      <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>
+      {% include header.html -%}
 
-      <div class="container shadow-lg bg-body p-5 mt-n5 rounded">
+      <div class="container shadow-lg bg-body p-5 mt-n5 rounded-top">
         <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,7 +13,6 @@
       {% 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,6 +10,7 @@
     <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/_headings.scss

@@ -0,0 +1,17 @@
+// --------------------------------------------------------------------------------
+// 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 {
+  &::before {
+    display: block;
+    height: 6rem;
+    margin-top: -6rem;
+    visibility: hidden;
+    content: "";
+  }
+  margin-top: 3rem;
+}

data/_sass/centos/_links.scss

@@ -48,15 +48,3 @@ 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,8 +6,9 @@ $centos-color-2: #262577;
 $centos-color-3: #9ccd2a;
 $centos-color-4: #efa724;
 //
-// Bootstrap v5 customization variables
+// Bootstrap customization
 //
+$body-color:                  shade-color($centos-color-1, 75);
 $enable-rounded:              true;
 $enable-negative-margins:     true;
 $nav-pills-link-active-bg:    $centos-color-1;
@@ -17,9 +18,6 @@ $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/assets/css/stylesheet.min.scss

@@ -1,17 +1,16 @@
 ---
 ---
-
-// Include any default variable overrides here (though functions won't be available)
+// Bootstrap
+@import "bootstrap/scss/functions";
 @import "centos/variables";
-
-// Include all of Bootstrap
 @import "bootstrap/scss/bootstrap";
+@import "centos/headings";
+@import "centos/links";
+@import "centos/sponsors";
 
-// Include additional custom code here
+// Fontawesome
 @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";