jekyll-theme-centos 2.3.0.beta.70 → 2.3.0.beta.72

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5d1087961d3fb658c4c65b6bb4cf71b7cab1fffd5b3fddd5b4bde967edd5671
-  data.tar.gz: ad192cf2e78de8033d3547a5f720587563ed0ee24df76b8ea09123a21df2d86c
+  metadata.gz: b9dc740ac312dea3aa99eee3500e1dcddfce3a5cfe300a477c0688f2fbe345ef
+  data.tar.gz: c92cbcfc5b70ad44a1b81f733378946ca3fd8bf52d2419276658e7340a835843
 SHA512:
-  metadata.gz: a1df32604862cbe8ba3b417745aed492ae7d6ded008bee7d43fe7b56acd7411b2458e2fe63cf567bd13c28595a04decf10130e50fc27d00a3ed2eaa5579dba90
-  data.tar.gz: f0c58da2f3566b1c4c7844a76e829c372bf7f1883bd421ac5eaf75836ee9291f93aab3dc10ceb71093124fda97988c4b22bdbe6ac9024f0a7f6936816ff82831
+  metadata.gz: 49db3ded06227ea9ec30e2d701c775534d344340bbeef9378d79b6319bb99370c289a986ff54a9cc7ecb3c9ef11ca23cec523f4414ad9dc6eba7991949d20397
+  data.tar.gz: ff2e8a5cc26aba3aa74e5a191910c52535641b2121beb8f21099b3c83734731ad53660b481a7063ca715a71aaa19337da355072eb65eb19d63797f93482cab8c

data/_includes/footer.html

@@ -1,35 +1,42 @@
 <footer class="footer pt-3 bg-dark small text-light">
-  <div class="container">
-    <div class="row justify-content-between mt-4 pt-4">
-      <div class="col-lg-3 mb-5">
-        <a class="navbar-brand" href="{{ site.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.data.centos.identity.title }}" /><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
-        <p class="my-3">{{ site.data.centos.identity.description }}</p>
-        <ul class="nav list-unstyled d-flex">
-          {% for item in site.data.centos.footer.social %}
-          <li class="nav-item me-4 fs-5">
-            <a href="{{ item.link }}" role="button" aria-label="{{ item.name }}" class="link-light"><i class="{{ item.icon }}"></i></a>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
+<div class="container">
+<div class="row justify-content-between mt-4 pt-4">
+<div class="col-lg-3 mb-5">
+<a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.data.centos.identity.title }}" /><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
+<p class="my-3">{{ site.data.centos.identity.description }}</p>
+<ul class="nav list-unstyled d-flex">
+{% for item in site.data.centos.footer.social -%}
+<li class="nav-item me-4 fs-5">
+<a href="{{ item.link }}" role="button" aria-label="{{ item.name }}" class="link-light"><i class="{{ item.icon }}"></i></a>
+</li>
+{% endfor %}
+</ul>
+</div>
 
-      {% assign sections = site.data.centos.navbar | where: "visible_on", "footer" %}
-      {% for section in sections %}
-      <div class="col-sm-12 col-lg-3 mb-3">
-        <h6 class="text-uppercase fw-bold">{{ section.name }}</h6>
-        <ul class="nav flex-column">
-          {% for item in section.menu %}
-          <li class="nav-item my-1"><a href="{{ item.link }}" class="px-0 link-light">{{ item.name }}</a></li>
-          {% endfor %}
-        </ul>
-      </div>
-      {% endfor %}
-    </div>
+{% assign sections = site.data.centos.navbar | where: "visible_on", "footer" %}
+{% for section in sections -%}
+<div class="col-sm-12 col-lg-3 mb-3">
+<h6 class="text-uppercase fw-bold">{{ section.name }}</h6>
+<ul class="nav flex-column">
+{% for item in section.menu -%}
+<li class="nav-item my-1"><a href="{{ item.link }}" class="px-0 link-light">{{ item.name }}</a></li>
+{% endfor %}
+</ul>
+</div>
+{% endfor %}
+</div>
 
-    <div class="row py-3">
-      <div class="col">
-        <span id="copyright_mark">Copyright &copy;</span> <span id="copyright_year"></span> <span id="copyright_author">{{ site.data.centos.footer.copyright.author }}</span> {% for item in site.data.centos.footer.copyright.legals %} | <span id="copyright_legals_{{ forloop.index }}" class="nav-item"><a href="{{ item.link }}" class="link-light">{{ item.text }}</a></span>{% endfor %}
-      </div>
-    </div>
-  </div>
+<div class="row py-3">
+<div class="col">
+<span>Copyright &copy;</span>
+<span id="copyright_year"></span>
+<span>{{ site.data.centos.footer.copyright.author }}</span>
+{% for item in site.data.centos.footer.copyright.legals -%}
+<span class="nav-item border-start ms-2 ps-2">
+<a href="{{ item.link }}" class="link-light">{{ item.text }}</a>
+</span>
+{% endfor %}
+</div>
+</div>
+</div>
 </footer>

data/_includes/head.html

@@ -1,7 +1,14 @@
 <head>
-    <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="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.min.css">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+  <link rel="icon" href="{{ site.data.centos.identity.logo.link }}/assets/icons/favicon-16.png" sizes="16x16" />
+  <link rel="icon" href="{{ site.data.centos.identity.logo.link }}/assets/icons/favicon-32.png" sizes="32x32" />
+  <link rel="icon" href="{{ site.data.centos.identity.logo.link }}/assets/icons/favicon.svg" sizes="any" />
+  <link rel="apple-touch-icon" href="{{ site.data.centos.identity.logo.link }}/assets/icons/apple-touch-icon.png" sizes="180x180" />
+  <link rel="manifest" href="{{ site.data.centos.identity.logo.link }}/site.webmanifest" />
+  <link rel="stylesheet" href="{{ site.data.centos.identity.logo.link }}/assets/css/stylesheet.min.css" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Overpass+Mono:100,200,300,400,500,600,700,800,900" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <title>{{ include.title }}</title>
 </head>

data/_includes/navbar.html

@@ -1,30 +1,28 @@
 <header class="site-header sticky-top">
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark p-3 shadow">
-  <div class="container">
-    <a class="navbar-brand" href="{{ site.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.data.centos.identity.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
-    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse flex-grow-0" id="navbarSupportedContent">
-      <ul class="navbar-nav">
-        {% assign navitems = site.data.centos.navbar | where: "visible_on", "navbar" %}
-        {%- for navitem in navitems -%}
-        {% if navitem.menu.size == 0 %}
-        <li class="nav-item"><a class="nav-link" role="presentation" href="{{ navitem.link }}"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a></li>
-        {% else -%}
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
-          <ul class="dropdown-menu dropdown-menu-dark shadow" aria-labelledby="navbarDropdown-{{ forloop.index }}">
-            {%- for dropdownitem in navitem.menu -%}
-            <li><a class="dropdown-item" role="presentation" href="{{ dropdownitem.link }}">{{ dropdownitem.name }}</a> </li>
-            {% endfor -%}
-          </ul>
-        </li>
-        {% endif %}
-        {%- endfor -%}
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark p-3 shadow">
+    <div class="container">
+      <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.data.centos.identity.title }}" /><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse flex-grow-0" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+          {% assign navitems = site.data.centos.navbar | where: "visible_on", "navbar" -%} {% for navitem in navitems -%} {% if navitem.menu.size == 0 -%}
+          <li class="nav-item">
+            <a class="nav-link" role="presentation" href="{{ navitem.link }}"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
+          </li>
+          {% else -%}
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
+            <ul class="dropdown-menu dropdown-menu-dark shadow" aria-labelledby="navbarDropdown-{{ forloop.index }}">
+              {% for dropdownitem in navitem.menu -%}
+              <li><a class="dropdown-item" role="presentation" href="{{ dropdownitem.link }}">{{ dropdownitem.name }}</a></li>
+              {% endfor -%}
+            </ul>
+          </li>
+          {% endif -%} {% endfor -%}
         </ul>
+      </div>
     </div>
-  </div>
-</nav>
+  </nav>
 </header>
-

data/_includes/people/about.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.about.section.icon %}
-      <div class="display-6">{{ page.about.section.icon }}</div>
+      <div class="display-6"><i class="{{ page.about.section.icon }}"></i></div>
       {% endif %} {% if page.about.section.name %}
       <div class="display-6 fw-bold">{{ page.about.section.name }}</div>
       {% endif %} {% if page.about.section.preamble %}

data/_includes/people/posts.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.posts.section.icon %}
-      <div class="display-6">{{ page.posts.section.icon }}</div>
+      <div class="display-6"><i class="{{ page.posts.section.icon }}"></i></div>
       {% endif %} {% if page.posts.section.name %}
       <div class="display-6 fw-bold">{{ page.posts.section.name }}</div>
       {% endif %} {% if page.posts.section.preamble %}

data/_includes/people/projects.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.projects.section.icon %}
-      <div class="display-6">{{ page.projects.section.icon }}</div>
+      <div class="display-6"><i class="{{ page.projects.section.icon }}"></i></div>
       {% endif %} {% if page.projects.section.name %}
       <div class="display-6 fw-bold">{{ page.projects.section.name }}</div>
       {% endif %} {% if page.projects.section.preamble %}

data/_includes/people/pubkeys.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.pubkeys.section.icon %}
-      <div class="display-6">{{ page.pubkeys.section.icon }}</div>
+      <div class="display-6"><i class="{{ page.pubkeys.section.icon }}"></i></div>
       {% endif %} {% if page.pubkeys.section.name %}
       <div class="display-6 fw-bold">{{ page.pubkeys.section.name }}</div>
       {% endif %} {% if page.pubkeys.section.preamble %}

data/_includes/people/support.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.support.section.icon %}
-      <div class="display-6">{{ page.support.section.icon }}</div>
+      <div class="display-6"><i class="{{ page.support.section.icon }}"></i></div>
       {% endif %} {% if page.support.section.name %}
       <div class="display-6 fw-bold">{{ page.support.section.name }}</div>
       {% endif %} {% if page.support.section.preamble %}

data/_includes/{scripts.html → script.html}

@@ -1,10 +1,10 @@
 <!-- JQuery -->
-<script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/jquery.min.js"></script>
 
 {% if page.with_datatable == true %}
 <!-- DataTables -->
-<script src="{{ site.baseurl }}/assets/js/jquery.dataTables.min.js"></script>
-<script src="{{ site.baseurl }}/assets/js/dataTables.bootstrap5.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/jquery.dataTables.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/dataTables.bootstrap5.min.js"></script>
 <script>
   $(document).ready(function () {
     $("#download-mirror").DataTable();
@@ -13,7 +13,7 @@
 {% endif %}
 
 <!-- BackToTop -->
-<script src="{{ site.baseurl }}/assets/js/vanilla-back-to-top.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/vanilla-back-to-top.min.js"></script>
 <script>
   addBackToTop({
     diameter: 56,
@@ -24,7 +24,7 @@
 
 {% if page.with_clipboard == true %}
 <!-- Clipboard.JS -->
-<script src="{{ site.baseurl }}/assets/js/clipboard.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/clipboard.min.js"></script>
 <script>
   // Initialize ClipboardJS
   $(".btn-clipboard").on("click", function () {
@@ -58,11 +58,14 @@
 
 <!-- Copyright Year -->
 <script>
-  document.getElementById("copyright_year").innerHTML = (new Date().getFullYear());
+  document.getElementById("copyright_year").innerHTML = new Date().getFullYear();
 </script>
 
+<!-- Icons -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" integrity="sha512-fD9DI5bZwQxOi7MhYWnnNPlvXdp/2Pj3XSTRrFs5FQa4mizyGLnJcN6tuvUS6LbmgN1ut+XGSABKvjN0H6Aoow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
 <!-- Bootstrap -->
-<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+<script src="{{ site.data.centos.identity.logo.link }}/assets/js/bootstrap.bundle.min.js"></script>
 <script>
   // Initialize Tooltips
   const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: 'en' }}">
-  {% include head.html -%}
+  {% include head.html title=page.title -%}
 
   <body id="top">
     {% include navbar.html -%}
@@ -24,7 +24,7 @@
 
     {% include footer.html %}
 
-    {% include scripts.html %}
+    {% include script.html %}
 
   </body>
 </html>

data/_layouts/home.html

@@ -1,11 +1,16 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: 'en' }}">
-  {% include head.html -%}
+  {% include head.html title=page.title -%}
 
   <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>
+    <main class="bg-light">
+    {% include home/header.html %}
+    {% include home/distributions.html %}
+    {% include home/news-and-events.html %}
+    {% include home/planet.html %}
+    </main>
 
     {% include footer.html -%}
 

data/_layouts/people.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: 'en' }}">
 
-  {% include head.html -%}
+  {% include head.html title=page.title -%}
 
   <body>
 
@@ -19,7 +19,6 @@
     </main>
 
     {% include footer.html %}
-    {% include scripts.html -%}
-
+    {% include script.html -%}
   </body>
 </html>

data/_sass/centos/_variables.scss

@@ -17,66 +17,8 @@ $primary: $centos-color-1;
 $secondary: $centos-color-4;
 $dark: #200735;
 $dropdown-dark-bg: $dark;
-$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;
+$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";
+$font-family-monospace: "Overpass Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 $line-height-base: 1.75;
 $link-hover-decoration: underline;
 $headings-font-weight: 700;
-
-// --------------------------------------------------------------------------------
-// Adjustments
-// --------------------------------------------------------------------------------
-
-main {
-  // --------------------------------------------------------------------------------
-  // 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;
-  }
-
-  // --------------------------------------------------------------------------------
-  // Backgrounds
-  // --------------------------------------------------------------------------------
-  .bg-image {
-    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%);
-  }
-
-  // --------------------------------------------------------------------------------
-  // DataTable
-  // --------------------------------------------------------------------------------
-  .dataTables_wrapper {
-    .dataTables_filter {
-      text-align: end;
-    }
-    .dataTables_length,
-    .dataTables_filter {
-      @extend .my-3;
-    }
-    .form-select,
-    .form-control {
-      width: auto;
-      display: inline-block;
-    }
-  }
-}

data/assets/css/stylesheet.lists.min.scss

@@ -5,15 +5,3 @@
 @import "centos/variables";
 @import "bootstrap/bootstrap";
 @import "centos/adjustments";
-@import "centos/sites/lists";
-
-// Fontawesome
-@import "fontawesome-free/fontawesome";
-@import "fontawesome-free/brands";
-@import "fontawesome-free/solid";
-
-// Montserrat
-@import "montserrat/montserrat";
-
-// Overpass
-@import "overpass-mono/overpass-mono";

data/assets/css/stylesheet.min.scss

@@ -5,14 +5,3 @@
 @import "centos/variables";
 @import "bootstrap/bootstrap";
 @import "centos/adjustments";
-
-// Fontawesome
-@import "fontawesome-free/fontawesome";
-@import "fontawesome-free/brands";
-@import "fontawesome-free/solid";
-
-// Montserrat
-@import "montserrat/montserrat";
-
-// Overpass
-@import "overpass-mono/overpass-mono";

data/people.md

@@ -8,7 +8,7 @@ with_clipboard: true
 
 about:
   section:
-    icon: '<i class="fa-solid fa-fingerprint"></i>'
+    icon: "fa-solid fa-fingerprint"
     name: "About Me"
     preamble: ""
     highlight: false
@@ -17,7 +17,7 @@ about:
     - "..."
 projects:
   section:
-    icon: '<i class="fa-solid fa-toolbox"></i>'
+    icon: "fa-solid fa-toolbox"
     name: "Projects"
     preamble: "Opensource projects I work on my free time."
     highlight: true
@@ -31,7 +31,7 @@ projects:
       description: "Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus."
 posts:
   section:
-    icon: '<i class="fa-solid fa-newspaper"></i>'
+    icon: "fa-solid fa-newspaper"
     name: Posts
     preamble: "Random ideas about opensource and the projects I use to work on."
     highlight: true
@@ -39,7 +39,7 @@ posts:
     limit: 5
 pubkeys:
   section:
-    icon: '<i class="fa-solid fa-key"></i>'
+    icon: "fa-solid fa-key"
     name: "Public Keys"
     preamble: "This is what you need to validate the identity of my signed messages, and grant me access to your servers."
     highlight: true
@@ -53,7 +53,7 @@ pubkeys:
         ...
 support:
   section:
-    icon: '<i class="fa-solid fa-circle-dollar-to-slot"></i>'
+    icon: "fa-solid fa-circle-dollar-to-slot"
     name: Support
     preamble: |
       If you value my work and want to support me, you can buy me a cup of coffee ☕😎