jekyll-theme-centos 2.27.0 → 2.28.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d3b2058ed3827106648c9012f5dd7ea4922af044c034f84b71c612938d7e1d7a
-  data.tar.gz: 415e76f525b5ff2a35cfba321d46441e9469502e2628d62b35afef7c67370903
+  metadata.gz: a75427b10ed095fdb4787fd09023314b57c45d1de172f8f863cd0e94b3766803
+  data.tar.gz: 202b61eccfbdbc95025e84eef6421896e16819851123d3a8749a8572b774af6d
 SHA512:
-  metadata.gz: 9858b891564be6218ccf0fd6b87fdf094b449fb82998c15fb62bed0ab981b3acaf7d4d474a866d6c69b4db1af65416ab8f92cbb9a5c6fd01075d53be81d906d3
-  data.tar.gz: 277c90380ab9ed318391efd3d41bca1c8736d4f883be7c6209d40fd0e8c6e7c9b00e3cc2388acee4ee5acbcd042b4dd4f8261c499fc26116e202cb8001730f2a
+  metadata.gz: 8cb71ed909e29ed0fc65b16642fc8672a4f99d00d0efae2e4d0a6f074af28648029ce076b1bc6212633ad0eb84916b993df124dda9b151b91a4fa5dcb6d79012
+  data.tar.gz: 9b83a7f505197de3598d4bd341019e8f08aa3606de6fe24633cc2ed75db01852e2000e1dd1a638ad4a870daaefe12ecc4d7cd9afa3bd59a7915852f94d00005d

data/_config.yml

@@ -14,12 +14,6 @@
 # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
 # https://learnxinyminutes.com/docs/yaml/
 
-# site.manifestation - Set the name of the visual manifestation you are
-# providing a site for. The theme presents this name on the right side of the
-# CentOS logo. If this value is not empty, the navbar data must be related to
-# the specific visual manifestation.
-manifestation: ""
-
 # site.navbar_data_dirname - Set the directory name where the navbar data files
 # is stored. For example, if the navbar file is at `_data/base/navbar.yml', the
 # value you need to provide is `base'.
@@ -31,45 +25,59 @@ navbar_data_dirname: "base"
 # jekyll-theme-centos-base component, specifcally in the file
 # `src/YAML/navbar_www.yml'. The CentOS navbar is the one shipped in
 # jekyll-theme-centos by default.
-navbar_data_filename: "navbar_www"
+navbar_data_filename: "navbar"
 
 defaults:
   - scope:
       path: "" # an empty string here means all files in the project.
     values:
       layout: "base/default"
+      # ----------------------------------------------------------------
+      # Nav
+      # ----------------------------------------------------------------
+      with_logo: "centos-whitelogo.svg"
+      with_manifestation: ""
+      # ----------------------------------------------------------------
+      # Header
+      # ----------------------------------------------------------------
+      with_header: true
+      with_motif: "centos-motif.png"
+      with_title: true
+      with_preamble: true
+      with_announcements: {}
+      # ----------------------------------------------------------------
+      # Main
+      # ----------------------------------------------------------------
       with_breadcrumbs: true
-      with_toc: true
+      with_toc: false
+      with_artwork: false
+      with_content: true
+      # ----------------------------------------------------------------
+      # Footer
+      # ----------------------------------------------------------------
+      with_shortcuts: true
+      with_sponsors: false
+      with_social: true
+      with_finale: true
+      with_copyright: true
+      # ----------------------------------------------------------------
+      # Script (also changes Head, to manage script-related stylesheets)
+      # ----------------------------------------------------------------
+      with_highlight: false
       with_datatables: false
-      with_clipboard: false
-      with_announcements: {}
 
 plugins:
   - jekyll-feed
   - jekyll-toc
   - jekyll-paginate-v2
 
-permalink: /:path/:basename/index.html
+permalink: /:path/:basename/
 
 collections:
   sponsors:
   posts:
     permalink: /:categories/:title/
 
-exclude:
-  - .bundle
-  - .git
-  - .sass-cache/
-  - .jekyll-cache/
-  - gemfiles/
-  - Gemfile
-  - Gemfile.lock
-  - node_modules/
-  - vendor/bundle/
-  - vendor/cache/
-  - vendor/gems/
-  - vendor/ruby/
-
 sass:
   style: compressed
   sass_dir: _sass

data/_includes/base/copyright.html

@@ -0,0 +1,12 @@
+<div class="row py-3">
+  <div class="col">
+    <span>Copyright &copy;</span>
+    <span id="copyright_year"></span>
+    <span>{{ site.data.base.footer.copyright.author }}</span>
+    {% for item in site.data.base.footer.copyright.legals -%}
+    <span class="border-start ms-2 ps-2">
+      <a class="link-light" href="{{ item.link }}">{{ item.text }}</a>
+    </span>
+    {% endfor %}
+  </div>
+</div>

data/_includes/base/finale.html

@@ -0,0 +1,17 @@
+<div class="row {% if page.with_sponsors != false %}border-top border-primary border-5 {% endif %}pt-3">
+  <div class="col-sm-12{% if page.with_social != false %} col-lg-8{% endif %}">
+    <h4>{{ site.title }}</h4>
+    <p>{{ site.description }}</p>
+  </div>
+  {% if page.with_social != false %}
+  <div class="col-sm-12 col-lg-4 d-flex justify-content-sm-start justify-content-lg-end">
+    <ul class="nav list-unstyled">
+      {% for item in site.data.base.footer.social -%}
+      <li class="nav-item">
+        <a class="btn btn-sm fs-5 link-primary" href="{{ item.link }}" role="button" aria-label="{{ item.name }}" data-bs-placement="bottom" data-bs-title="{{ item.name }}"><i class="{{ item.icon }}"></i></a>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+</div>

data/_includes/base/head.html

@@ -14,8 +14,8 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/{{ page.with_highlight | default('default') }}.min.css">
   <link rel="stylesheet" href="https://unpkg.com/highlightjs-copy@1.0.3/dist/highlightjs-copy.min.css" />
   {% endif -%}
-  {% if page.with_datatables == true -%}
-  <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/dataTables.bootstrap5.min.css">
+  {% if page.with_datatables != false -%}
+  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css" />
   {% endif -%}
   <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/base/stylesheet.min.css" />
 </head>

data/_includes/base/header.html

@@ -2,15 +2,17 @@
   <div class="container py-5">
     {% if page.with_announcements and page.with_announcements.size > 0 -%}
     <div class="row">
-      <div class="col">
-        {% include base/announcements.html %}
-      </div>
+      {% include base/announcements.html %}
     </div>
     {% endif -%}
     <div class="row my-3 justify-content-center">
       <div class="col-sm-12 col-xl-8">
-        <div class="display-4 fw-bold mb-3">{{ page.title }}</div>
+        {% if page.with_title != false -%}
+        <h1 class="display-4 fw-bold">{{ page.title }}</h1>
+        {% endif -%}
+        {% if page.with_preamble != false -%}
         <div class="lead">{{ page.title_lead }}</div>
+        {% endif %}
       </div>
     </div>
   </div>

data/_includes/base/{navbar.html → nav.html}

@@ -1,7 +1,7 @@
 {% assign navbar = site.data[site.navbar_data_dirname][site.navbar_data_filename] %}
 <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark shadow">
   <div class="container">
-    <a class="navbar-brand pt-1" href="{{ site.baseurl }}/"><img role="img" src="{{ site.baseurl }}/{{ site.data.base.identity.logo.navbar }}" height="32" alt="{{ site.title }}" />{% if site.manifestation != "" %}<span class="manifestation border-start border-light ps-3 ms-3 py-2 fs-6">{{ site.manifestation }}</span>{% endif %}</a>
+    <a class="navbar-brand pt-1" href="{{ site.baseurl }}/"><img role="img" src="{{ site.baseurl }}/{{ site.data.base.identity.logo.navbar }}" height="32" alt="{{ site.title }}" />{% if page.with_manifestation != "" %}<span class="manifestation border-start border-light ps-3 ms-3 py-2 fs-6">{{ page.with_manifestation }}</span>{% endif %}</a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>

data/_includes/base/script.html

@@ -1,8 +1,9 @@
-<!-- Highlight.js -->
 {% if page.with_highlight != false -%}
+<!-- Highlight.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
 <script src="https://unpkg.com/highlightjs-copy@1.0.3/dist/highlightjs-copy.min.js"></script>
 <script>
+  document.querySelectorAll('.content code').forEach(el=>el.classList.add('hljs'));
   hljs.addPlugin(
     new CopyButtonPlugin({
       callback: (text, el) => console.log("Copied!", text),
@@ -12,20 +13,23 @@
 </script>
 {% endif -%}
 
-{% if page.with_datatables == true -%}
+{% if page.with_datatables != false  -%}
 <!-- DataTables -->
-<script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.min.js"></script>
-<script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.dataTables.min.js"></script>
-<script src="{{ site.url }}{{ site.baseurl }}/assets/js/dataTables.bootstrap5.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.js"></script>
+<script src="https://cdn.datatables.net/1.13.5/js/dataTables.bootstrap5.min.js"></script>
 <script>
   $(document).ready(function () {
-    $("#download-mirror").DataTable();
+    $("#dataTable").DataTable({
+      "pageLength": 5,
+      "lengthMenu": [5,10,25,50,75,100]
+    });
   });
 </script>
-{% endif -%}
+{% endif %}
 
 <!-- BackToTop -->
-<script src="{{ site.url }}{{ site.baseurl }}/assets/js/vanilla-back-to-top.min.js"></script>
+<script src="https://unpkg.com/vanilla-back-to-top@7.2.1/dist/vanilla-back-to-top.min.js"></script>
 <script>
   addBackToTop({
     diameter: 56,
@@ -42,6 +46,14 @@
 <!-- Bootstrap -->
 <script src="{{ site.url }}{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
 <script>
+  // Initialize styles for content tables
+  var tables = document.querySelectorAll(".content table");
+  var theads = document.querySelectorAll(".content table thead");
+  var images = document.querySelectorAll(".content img");
+  var i;
+  for(i = 0; i < tables.length; i++) { tables[i].className += "table table-bordered"; }
+  for(i = 0; i < theads.length; i++) { theads[i].className += "table-light"; }
+  for(i = 0; i < images.length; i++) { images[i].className += "figure-img img-fluid rounded"; }
   // Initialize Tooltips
   const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
   const tooltipList = [...tooltipTriggerList].map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));

data/_includes/base/shortcuts.html

@@ -0,0 +1,27 @@
+{% assign navbar = site.data[site.navbar_data_dirname][site.navbar_data_filename] %}
+<div class="row bg-primary justify-content-between">
+  {% assign sections = navbar | where: "visible_on", "footer" %}
+  {% assign columns = sections.size %}
+  {% case columns %}
+    {% when 1 %}
+      {% assign column_width = 12 %}
+    {% when 2 %}
+      {% assign column_width = 6 %}
+    {% when 3 %}
+      {% assign column_width = 4 %}
+    {% when 4 %}
+      {% assign column_width = 3 %}
+    {% else %}
+      {% assign column_width = 1 %}
+  {% endcase %}
+  {% for section in sections -%}
+  <div class="col-sm-12 col-lg-{{ column_width }} my-3">
+    <h6 class="fw-bold"><i class="{{ section.icon }}"></i> {{ section.name }}</h6>
+    <ul class="nav flex-column">
+      {% for item in section.menu -%}
+      <li class="nav-item"><a href="{{ site.baseurl }}{{ item.link }}" class="link-light px-0">{{ item.name }}</a></li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endfor %}
+</div>

data/_layouts/base/default.html

@@ -2,33 +2,67 @@
 <html lang="{{ page.lang | default: 'en' }}">
   {% include base/head.html title=page.title -%}
   <body id="top">
-    {% include base/navbar.html -%}
+    {% include base/nav.html -%}
+    {% if page.with_header == true %}
     {% include base/header.html -%}
-    <main>
-      <div class="container my-5">
-        {% if page.with_breadcrumbs %}
-        <div class="row justify-content-center my-4">
-          <div class="col-sm-12 col-xl-8">
-            {% include base/breadcrumbs.html %}
-          </div>
+    {% endif %}
+    <main class="container my-5">
+
+      {% if page.with_breadcrumbs == true %}
+      <div class="row justify-content-center my-4">
+        <div class="col-sm-12 col-xl-8">
+          {% include base/breadcrumbs.html %}
         </div>
-        {% endif %}
-        {% if page.with_toc %}
-        <div class="row justify-content-center my-4">
-          <div class="col-sm-12 col-xl-8">
-            {% include base/toc-accordion.html %}
-          </div>
+      </div>
+      {% endif %}
+
+      {% if page.with_toc == true %}
+      <div class="row justify-content-center my-4">
+        <div class="col-sm-12 col-xl-8">
+          {% include base/toc-accordion.html %}
         </div>
-        {% endif %}
-        <div class="row justify-content-center my-4">
-          {% if page.with_image %}
-          <div class="col-sm-12 col-xl-8 artwork"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_image }}" class="img-fluid rounded" alt="{{ page.title }}"></div>
-          {% endif %}
-          <div class="col-sm-12 col-xl-8 content">{{ content }}</div>
+      </div>
+      {% endif %}
+
+      {% if page.with_artwork != false %}
+      <div class="row justify-content-center my-4">
+        <div class="col-sm-12 col-xl-8 artwork"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_artwork }}" class="img-fluid rounded" alt="{{ page.title }}"></div>
+      </div>
+      {% endif %}
+
+      {% if page.with_content == true %}
+      <div class="row justify-content-center my-4">
+        <div class="col-sm-12 col-xl-8 content">
+        {{ content }}
         </div>
       </div>
+      {% endif %}
+
     </main>
-    {% include base/footer.html -%}
+
+    <footer class="footer small bg-dark text-light">
+      <div class="container">
+
+      {% if page.with_shortcuts != false %}
+      {% include base/shortcuts.html %}
+      {% endif %}
+
+      {% if page.with_sponsors != false %}
+      {% include sponsors/carousel.html -%}
+      {% endif %}
+
+      {% if page.with_finale != false %}
+      {% include base/finale.html %}
+      {% endif %}
+
+      {% if page.with_copyright != false %}
+      {% include base/copyright.html %}
+      {% endif %}
+
+      </div>
+    </footer>
+
     {% include base/script.html -%}
+
   </body>
 </html>

data/_sass/base/_customization.scss

@@ -51,11 +51,13 @@ main {
   // Highlightjs-copy
   // --------------------------------------------------------------------------------
   .content {
-    pre.highlight {
+    code.hljs {
+      border-radius: var(--bs-border-radius);
+    }
+    pre {
       code.hljs {
         max-height: 50vh;
         overflow: auto;
-        border-radius: var(--bs-border-radius);
       }
       button.hljs-copy-button {
         --hljs-theme-background: var(--bs-body-color);
@@ -63,6 +65,23 @@ main {
     }
   }
 
+  // --------------------------------------------------------------------------------
+  // Alerts
+  // --------------------------------------------------------------------------------
+  .content {
+    p {
+      &.alert {
+        padding-left: 3.4rem;
+        border-left: 3px solid;
+        background-repeat: no-repeat;
+        background-position: 1rem 1rem;
+      }
+      &.alert-danger {
+        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="1.5em" fill="%2358151c" viewBox="0 0 512 512"%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/%3E%3C/svg%3E');
+      }
+    }
+  }
+
   // --------------------------------------------------------------------------------
   // Tuneup first paragraph top margin when it is the first element inside
   // content.
@@ -70,22 +89,12 @@ main {
   .content > p:first-child {
     margin-top: 3rem;
   }
-
   // --------------------------------------------------------------------------------
-  // DataTable
+  // DataTables
   // --------------------------------------------------------------------------------
-  .dataTables_wrapper {
-    .dataTables_filter {
-      text-align: end;
-    }
-    .dataTables_length,
-    .dataTables_filter {
-      @extend .my-3;
-    }
-    .form-select,
-    .form-control {
-      width: auto;
-      display: inline-block;
+  div.dataTables_wrapper {
+    div.dataTables_info {
+      padding-top: 0;
     }
   }
 }