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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 29c900c119123f8971904845bdba7deb46d38f364cf3bbb6b2e9f1dfc0a8696e
-  data.tar.gz: f29ff30e9928b2fbba999a39445e2cd0843d376d99373079c229aaf7049510d0
+  metadata.gz: 9b74f43692ec376d4f8b00853a6fcbee17923c864c82f2fc3fb43f78c9596076
+  data.tar.gz: e1a7a6774d3a1889cf78a12855ddfc76a442f23bd6b625148607c2c7bbee25be
 SHA512:
-  metadata.gz: 4b24a6cc7d57c1872aabe52efc1b832f035a1547834afe079bf5627c75ef013c735c8e4bdf353abf84661d25aa93e59a665035275167d9c0ad6775cc320f3f28
-  data.tar.gz: 24e7e1ec8f526de06804a09ef50c850f4d2556123105abc6566bd9ab03c193f6fd24764c0744acac8bc8e35f44b38401f827ae7b1fdb907eacf25b3521b94303
+  metadata.gz: 88b4772e3158ad18d6dcaa5cc5ece7707738c19088a36f5a00574f6b7ad29d9819fe792634ed07384597f2d0e6cde11aaab572a6608df7e7328c3ef5456177bc
+  data.tar.gz: cd2d95bbd48480b6ae421e9e26d833d665b1126b05cc347d7d31f3dcfd3bd7f97c9c5d3dcc7776d573fc7c7c52b4aecf3517aef7dced6bdf40186938efe74efa

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

@@ -0,0 +1,11 @@
+<div class="bg-dark p-5" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
+  <div class="container p-5 text-white text-center">
+    <div class="row">
+      <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>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/people/posts.html

@@ -0,0 +1,36 @@
+{% assign username = page.username %}
+{% assign entries = site.posts | where: "username", username %}
+{% assign person = site.data.centos.people | where: "username", username %}
+
+{% if entries.size > 0 %}
+{% for item in person %}
+<div class="container">
+
+  <div class="row text-center">
+    <div class="col">
+      {% 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 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="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>
+    </div>
+  </div>
+
+</div>
+{% endfor %}
+{% endif %}

data/_includes/people/projects.html

@@ -0,0 +1,26 @@
+{% 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 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>
+  <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>
+      <p class="lead">{{ project.description }}</p>
+    </div>
+    {% endfor%}
+  </div>
+</div>
+
+{% endif %}
+{% endfor%}

data/_includes/people/pubkeys.html

@@ -0,0 +1,30 @@
+{% 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.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>
+
+  <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>
+
+      <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>
+
+</div>
+{% endfor%}

data/_includes/people/support.html

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

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: 'en' }}">
+
+  {% include head.html -%}
+
+  <body>
+
+    {% include navbar.html -%}
+
+    <main class="bg-light">
+
+      {% include people/header.html %}
+      {% include people/about.html %}
+      {% include people/projects.html %}
+      {% include people/posts.html %}
+      {% include people/pubkeys.html %}
+      {% include people/support.html %}
+
+      {% include footer.html -%}
+
+      <script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+      <script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
+      <script src="{{ site.baseurl }}/assets/js/clipboard.min.js"></script>
+      <script>
+      // Initialize ClipboardJS
+      $('.btn-clipboard').on('click', function() {
+        let button = $(this);
+        var copy_id = $(this).attr('id');
+        var clipboard = new ClipboardJS( '#' + copy_id );
+
+        clipboard.on('success', function() {
+          const currentLabel = button.html();
+          const tooltip = bootstrap.Tooltip.getInstance('#' + copy_id);
+          const tooltipLabel = button.attr('data-bs-title');
+
+          // Exit label update when already in progress
+          if(button.html() === '<i class="fa-solid fa-clipboard-check"></i>'){
+              return;
+          }
+
+          // Update button label and tooltip
+          button.html('<i class="fa-solid fa-clipboard-check"></i>');
+          tooltip.setContent({ '.tooltip-inner': 'Copied!' })
+
+          // Revert button label after 2 seconds
+          setTimeout(function(){
+            button.html(currentLabel);
+            tooltip.setContent({ '.tooltip-inner': tooltipLabel })
+          }, 2000)
+        });
+      });
+
+      // Initialize Tooltips
+      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+      </script>
+  </body>
+
+</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";