jekyll-theme-centos 2.3.0.beta.49 → 2.3.0.beta.63

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aa76cde8eb9a0206529360ee98f277bb23b090213a5770898784c1b2a5e5cdc8
-  data.tar.gz: ad38a93deda49abf62228474da5b3b06cbf85eb914bc4f3dc17833e070e26ab6
+  metadata.gz: 7894691f3bba0d898ba20a6e69b83605d3efe145e6ed2f948af4f83e184958e1
+  data.tar.gz: ef8a6aeec615e6b9108c8c487e1964dd0227edb7e572436d6e2b9cdddc6f5ec0
 SHA512:
-  metadata.gz: b751521596348afb8bc1295ceb1798d24913e4317a3df1e789afa7b8aaa62e0a1e0feaf8d8c5b12dfa36b90f97d181bd499bd38718463174ed8acfe6e8495bf3
-  data.tar.gz: cec0f964b91988d57248c458deeaec3c394ec23159eacb7ef9491a29cfeb9926a2648692c79612b813c14a0cb8a36297358130aae83df96db81f2473e967a74a
+  metadata.gz: '09f7f33804ad8e0e7a66dcb4aa50322f37d43e73a139ccf1c9857c878647c730051395ef32410410698791cd2e951aef3b4131f4878de7f2709ade3bd2506a03'
+  data.tar.gz: 45c47d08a3009f99bf51abe1bf9f2f7d54a0b932c85fae4a358fe2f19e7c57c697ece8388879e0d71134065a148da69cf69d8cd40dae3dc9f545f7ea6ad527fe

data/_includes/default/header.html

@@ -1,10 +1,10 @@
-<div class="bg-dark" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
+<div class="bg-image">
   <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 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/editbar.html

@@ -3,7 +3,7 @@
 <button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#modalReportAnIssue"><i class="fa-solid fa-bug"></i> Report an issue</button>
 
 <!-- Modal: Edit this page -->
-<div class="modal fade" id="modalEditThisPage" data-bs-keyboard="true" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalEditThisPageLabel" aria-hidden="true">
+<div class="modal fade" id="modalEditThisPage" data-bs-keyboard="true" tabindex="-1" aria-labelledby="modalEditThisPageLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
       <div class="modal-header">
@@ -14,7 +14,7 @@
         <p>Praesent fermentum tempor tellus.  Nullam tempus.  Mauris ac felis vel velit tristique imperdiet.  Donec at pede.  Etiam vel neque nec dui dignissim bibendum.  Vivamus id enim.  Phasellus neque orci, porta a, aliquet quis, semper a, massa.  Phasellus purus.  Pellentesque tristique imperdiet tortor.  Nam euismod tellus id erat.  Nullam eu ante vel est convallis dignissim.  Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio.</p>
         <pre>
 git clone git.centos.org/centos/centos.org/
-        <pre>
+        </pre>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
@@ -24,7 +24,7 @@ git clone git.centos.org/centos/centos.org/
 </div>
 
 <!-- Modal: Report an issue -->
-<div class="modal fade" id="modalReportAnIssue" data-bs-keyboard="true" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalReportAnIssueLabel" aria-hidden="true">
+<div class="modal fade" id="modalReportAnIssue" data-bs-keyboard="true" tabindex="-1" aria-labelledby="modalReportAnIssueLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
       <div class="modal-header">

data/_includes/home/header.html

@@ -1,4 +1,4 @@
-<div class="bg-dark py-5" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
+<div class="bg-image">
   <div class="container py-5 text-white text-center">
     <div class="row">
       <div class="col">

data/_includes/home/planet.html

@@ -3,16 +3,15 @@
 <div class="container text-center mt-5 mb-5">
   <div class="row">
     <div class="col">
-    <div class="display-6"><i class="fa-solid fa-globe"></i></div>
-    <div class="display-6">Blob posts</div>
+      <div class="display-6"><i class="fa-solid fa-globe"></i></div>
+      <div class="display-6">Blob posts</div>
     </div>
   </div>
 
   <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" -%}
+        {% 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>
@@ -24,6 +23,4 @@
       </div>
     </div>
   </div>
-
-  </div>
 </div>

data/_includes/people/about.html

@@ -1,25 +1,25 @@
 {% 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 %}>
-
+<div class="container py-5 text-center border-top{% if page.about.section.highlight == true %} bg-light-radial-gradient{% endif %}">
   <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 page.about.section.icon %}
+      <div class="display-4">{{ page.about.section.icon }}</div>
+      {% endif %} {% if page.about.section.name %}
+      <div class="display-6 fw-bold">{{ page.about.section.name }}</div>
+      {% endif %} {% if page.about.section.preamble %}
+      <p>{{ page.about.section.preamble }}</p>
+      {% endif %}
     </div>
   </div>
 
   <div class="row mt-3">
     <div class="col">
-      {% if page.about.content.size > 0 %}
-      {% for p in page.about.content %}
+      {% if page.about.content.size > 0 %} {% for p in page.about.content %}
       <p>{{ p }}</p>
-      {% endfor %}
-      {% else %}
+      {% endfor %} {% else %}
       <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
       {% endif %}
     </div>
   </div>
-
 </div>
 {% endif %}

data/_includes/people/header.html

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

data/_includes/people/posts.html

@@ -1,15 +1,14 @@
-{% assign username = page.username %}
-{% assign entries = site.posts | where: "author", username %}
-{% assign limit = page.posts.section.limit %}
-
-{% 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 %}>
-
+{% assign username = page.username %} {% assign entries = site.posts | where: "author", username %} {% assign limit = page.posts.section.limit %} {% if page.posts.section.visible == true %}
+<div class="container py-5 text-center border-top{% if page.posts.section.highlight == true %} bg-light-radial-gradient{% endif %}">
   <div class="row">
     <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 page.posts.section.icon %}
+      <div class="display-4">{{ page.posts.section.icon }}</div>
+      {% endif %} {% if page.posts.section.name %}
+      <div class="display-6 fw-bold">{{ page.posts.section.name }}</div>
+      {% endif %} {% if page.posts.section.preamble %}
+      <p>{{ page.posts.section.preamble }}</p>
+      {% endif %}
     </div>
   </div>
 
@@ -17,8 +16,7 @@
     <div class="col">
       {% if entries.size > 0 %}
       <div class="list-group shadow text-start">
-        {% for i in entries limit: limit %}
-        {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+        {% for i in entries limit: limit %} {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
         <a href="{{ site.baseurl }}{{ i.url }}" 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>
@@ -33,6 +31,5 @@
       {% endif %}
     </div>
   </div>
-
 </div>
 {% endif %}

data/_includes/people/projects.html

@@ -1,28 +1,32 @@
-{% 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 projects = page.projects.content %} {% assign limit = page.posts.section.limit %} {% if page.projects.section.visible == true %}
+<div class="container py-5 text-center border-top{% if page.projects.section.highlight == true %} bg-light-radial-gradient{% endif %}">
   <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 page.projects.section.icon %}
+      <div class="display-4">{{ page.projects.section.icon }}</div>
+      {% endif %} {% if page.projects.section.name %}
+      <div class="display-6 fw-bold">{{ page.projects.section.name }}</div>
+      {% endif %} {% if page.projects.section.preamble %}
+      <p>{{ page.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>
-    {% endfor%}
-  </div>
-  {% else %}
-  <div class="row mt-3">
+  <div class="row">
     <div class="col">
+      {% if projects.size > 0 %}
+      <div class="list-group shadow text-start">
+        {% for i in projects limit: limit %}
+        <a href="{{ site.baseurl }}{{ i.link }}" class="list-group-item list-group-item-action">
+          <div class="fw-bold">{{ i.name }}</div>
+          <small class="text-muted">{{ i.description }}</small>
+        </a>
+        {% endfor %}
+      </div>
+      {% else %}
       <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
+      {% endif %}
     </div>
   </div>
-  {% endif %}
 </div>
 {% endif %}

data/_includes/people/pubkeys.html

@@ -1,11 +1,14 @@
 {% 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 %}>
-
+<div class="container py-5 text-center border-top{% if page.pubkeys.section.highlight == true %} bg-light-radial-gradient{% endif %}">
   <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 page.pubkeys.section.icon %}
+      <div class="display-4">{{ page.pubkeys.section.icon }}</div>
+      {% endif %} {% if page.pubkeys.section.name %}
+      <div class="display-6 fw-bold">{{ page.pubkeys.section.name }}</div>
+      {% endif %} {% if page.pubkeys.section.preamble %}
+      <p>{{ page.pubkeys.section.preamble }}</p>
+      {% endif %}
     </div>
   </div>
 
@@ -24,6 +27,5 @@
   {% else %}
   <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
   {% endif %}
-
 </div>
 {% endif %}

data/_includes/people/support.html

@@ -1,25 +1,25 @@
 {% 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 %}>
-
+<div class="container py-5 text-center border-top{% if page.support.section.highlight == true %} bg-light-radial-gradient{% endif %}">
   <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 page.support.section.icon %}
+      <div class="display-4">{{ page.support.section.icon }}</div>
+      {% endif %} {% if page.support.section.name %}
+      <div class="display-6 fw-bold">{{ page.support.section.name }}</div>
+      {% endif %} {% if page.support.section.preamble %}
+      <p>{{ page.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 }}
-    </div>
+    <div class="col">{{ support }}</div>
     {% endfor %}
   </div>
   {% else %}
   <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
   {% endif %}
-
 </div>
 {% endif %}

data/_layouts/default.html

@@ -29,6 +29,7 @@
     {% include footer.html -%}
 
     <script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+
   </body>
 
 </html>

data/_layouts/home.html

@@ -1,24 +1,14 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: 'en' }}">
-
   {% include head.html -%}
 
   <body>
-
     {% include navbar.html -%}
 
-    <main class="bg-light">
-
-      {% include home/header.html %}
-      {% include home/distributions.html %}
-      {% include home/news-and-events.html %}
-      {% include home/planet.html %}
+    <main class="bg-light">{% include home/header.html %} {% include home/distributions.html %} {% include home/news-and-events.html %} {% include home/planet.html %}</main>
 
-      </main>
+    {% include footer.html -%}
 
-      {% include footer.html -%}
-
-      <script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+    <script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
   </body>
-
 </html>

data/_layouts/people.html

@@ -1,59 +1,49 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: 'en' }}">
-
   {% include head.html -%}
 
   <body>
-
     {% include navbar.html -%}
 
-    <main class="bg-light">
+    <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 %}</main>
 
-      {% 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 -%}
 
-      {% 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>
+    <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() {
+      $(".btn-clipboard").on("click", function () {
         let button = $(this);
-        var copy_id = $(this).attr('id');
-        var clipboard = new ClipboardJS( '#' + copy_id );
+        var copy_id = $(this).attr("id");
+        var clipboard = new ClipboardJS("#" + copy_id);
 
-        clipboard.on('success', function() {
+        clipboard.on("success", function () {
           const currentLabel = button.html();
-          const tooltip = bootstrap.Tooltip.getInstance('#' + copy_id);
-          const tooltipLabel = button.attr('data-bs-title');
+          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;
+          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!' })
+          tooltip.setContent({ ".tooltip-inner": "Copied!" });
 
           // Revert button label after 2 seconds
-          setTimeout(function(){
+          setTimeout(function () {
             button.html(currentLabel);
-            tooltip.setContent({ '.tooltip-inner': tooltipLabel })
-          }, 2000)
+            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>
+      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

@@ -7,7 +7,12 @@
 // --------------------------------------------------------------------------------
 
 main {
-  h1,h2,h3,h4,h5,h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     &::before {
       display: block;
       height: 6rem;
@@ -17,4 +22,11 @@ main {
     }
     margin-top: 3rem;
   }
+  .bg-image {
+    @extend .bg-dark, .py-3;
+    background: url(../img/centos-motif.png) right center / cover;
+  }
+  .bg-light-radial-gradient {
+    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(248, 249, 250, 0) 100%);
+  }
 }

data/people.md

@@ -1,5 +1,6 @@
 ---
 layout: people
+title: username
 
 username: username
 fullname: username
@@ -20,12 +21,12 @@ projects:
     highlight: true
     visible: true
   content:
-    - name: Project1
-      link: ...
-      description: ...
-    - name: Project2
-      link: ...
-      description: ...
+    - name: Project 1
+      link: "#"
+      description: "Nullam tristique diam non turpis."
+    - name: Project 2
+      link: "#"
+      description: "Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus."
 posts:
   section:
     icon: '<i class="fa-solid fa-newspaper"></i>'
@@ -58,6 +59,4 @@ support:
     visible: true
   content:
     - "--- Put your Liberapay code here. ---"
-
 ---
-