jekyll-theme-centos 2.3.0.beta.67 → 2.3.0.beta.68

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3db055f1c5ad15008d0597097512aef4922250725f99d9ffbd8419c2d6eb9b66
-  data.tar.gz: d31225de84f7dc84f421285957f66a9799a9b6ed00318b33c063dd885b8e71a7
+  metadata.gz: 988ada361c9fef1975f6b2cb981c193f320d6c1e8bba0e6184526ced7e0e0edf
+  data.tar.gz: 7473ccfbff736a90afbb456b4be972308a6f851fde7556a4e5fda329b6949a20
 SHA512:
-  metadata.gz: da24ac6f2d9c3dc528afb35cc7a0babaeaa7c2c56b36d223a9e309022f9feab3775310b23679b62f29aa747744761969d4502432de0acf7ff59688ae58dbfaee
-  data.tar.gz: 9fec6208fb3c90798ee8074a2ea13d7bffdce0229e71cb3427d96fc03cfc7dcf11ab0bec62a83d39d9e430232e2f5b85250684557f3d52caa071e1a1f5716c95
+  metadata.gz: 34f81b95a67eb41ffab9f86dbd50aebc1cf21cbea9356d7d82ad03bf6bd145d3c60007079e71c05c1c560199b595c774ed3db8dc776f50cd6c61c24e48ef0d91
+  data.tar.gz: 9a5ad6ecc0532861e8299a6f41a8c7d644762351c53c46efb5b367e22c939f0134ced0623165d676d452edbb1d37dfe0c3714c1d9abf3e9ceac4e522e68fb0ad

data/_includes/default/header.html

@@ -1,8 +1,8 @@
-<div class="bg-image">
-  <div class="container py-5 text-light">
-    <div class="row mb-5">
+<div class="bg-image bg-dark text-light">
+  <div class="container py-5">
+    <div class="row my-3">
       <div class="col">
-        <div class="display-4 my-4 fw-bold">{{ page.title }}</div>
+        <div class="display-4 fw-bold">{{ page.title }}</div>
         <div class="lead">{{ page.title_lead }}</div>
       </div>
     </div>

data/_includes/download/cards-body-convert.html

@@ -1,12 +1,10 @@
-{% capture code %}```sh
-{{ row["commands"] | lstrip }}
-```{% endcapture %}
-
 <tr>
   <td>
-{% if row["commands"] != "" %}
-{{ code | markdownify }}
-{% endif %}
+    {% if row.commands != "" %}
+    <div class="input-group">
+      <textarea id="{{ card.page }}-{{ release[0] }}-key-{{ forloop.index }}" class="form-control font-monospace" placeholder="{{ row.overview }}" aria-label="{{ row.overview }}" aria-describedby="{{ card.page }}-button-{{ forloop.index }}" readonly rows="2">{{ row.commands }}</textarea>
+      <button id="{{ card.page }}-{{ release[0] }}-button-{{ forloop.index }}" class="btn btn-clipboard" type="button" aria-label="Copy to clipboard" data-clipboard-target="#{{ card.page }}-{{ release[0] }}-key-{{ forloop.index }}" data-bs-toggle="tooltip" data-bs-title="Copy to clipboard"><i class="fa-solid fa-clipboard"></i></button>
+    </div>
+    {% endif %}
   </td>
 </tr>
-

data/_includes/download/cards-body-doc.html

@@ -1,6 +1,9 @@
 <tr>
-  <td>{% if row["release_notes"] != "" %}<a href="{{ row['release_notes'] }}">Release Notes</a>{% else %}Release Notes{% endif %}
-    | {% if row["release_email"] != "" %}<a href="{{ row['release_email'] }}">Release Email</a>{% else %}Release Email{% endif %}
-    | {% if row["website"] != "" %}<a href="{{ row['website'] }}">Website</a>{% else %}Website{% endif %}</td>
+  <td>
+      {% for rows in release %}
+      {% for row in rows.docs %}
+      <a class="btn btn-sm btn-light{% if row.name == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.link }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> {{ row.name }}</a>
+      {% endfor %}
+      {% endfor %}
+  </td>
 </tr>
-

data/_includes/download/cards-body-eol.html

@@ -1,7 +1,16 @@
 <tr>
   <td>
-    {% if row["overview"] != "" %}{{ row['overview'] }} {% endif %}
-    {% if row["date"] != "" %}{{ row['date'] | date_to_string: "ordinal", "US" }} {% endif %}
-    {% if row["url"] != "" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}
-    </td>
+    {% if row.overview != "" %}
+    {{ row.overview }}
+    {% endif %}
+
+    {% if row.date != "" %}
+    {{ row.date | date_to_string: "ordinal", "US" }}
+    {% endif %}
+
+    {% if row.url != "" %}
+    <a href="{{ row.url }}"><i class="fas fa-exclamation-circle"></i> Know more</a>
+    {% else %}
+    {% endif %}
+  </td>
 </tr>

data/_includes/download/cards-body-screenshot.html

@@ -0,0 +1,3 @@
+<tr>
+  <td>{% if row.image != "" %}<img class="img-fluid border-bottom rounded-top" src="{{ site.baseurl }}/assets/img/distributions/{{ card.page }}/{{ release[0] }}/{{ row.src }}" alt="{{ row.alt }}" />{% endif %}</td>
+</tr>

data/_includes/download/cards-body.html

@@ -1,7 +1,8 @@
 <tr>
-  <td><a href="{{ row['iso'] }}"> {{ row['arch'] }}</a></td>
-  <td>{% if row["rpm"] != "" %}<a href="{{ row['rpm'] }}"> RPMs</a>{% else %}RPMs{% endif %}</td>
-  <td>{% if row["cloud"] != "" %}<a href="{{ row['cloud'] }}">Cloud</a>{% else %}Cloud{% endif %}
-    | {% if row["containers"] != "" %}<a href="{{ row['containers'] }}">Containers</a>{% else %}Containers{% endif %}
-    | {% if row["vagrant"] != "" %}<a href="{{ row['vagrant'] }}">Vagrant</a>{% else %}Vagrant{% endif %}</td>
+  <td>{{ row.arch }}</td>
+  <td><a class="btn btn-sm btn-light{% if row.iso] == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.iso }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> Download</a></td>
+  <td><a class="btn btn-sm btn-light{% if row.rpm] == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.rpm }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> Download</a></td>
+  <td><a class="btn btn-sm btn-light{% if row.cloud] == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.cloud }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> Download</a></td>
+  <td><a class="btn btn-sm btn-light{% if row.containers] == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.containers }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> Download</a></td>
+  <td><a class="btn btn-sm btn-light{% if row.vagrant] == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.vagrant }}"{% endif %} role="button"><i class="fa-solid fa-download"></i> Download</a></td>
 </tr>

data/_includes/download/cards-header-convert.html

@@ -1,9 +1,8 @@
 <div class="table-responsive">
-<table class="table">
-<thead>
-  <tr>
-    <th scope="col"><i class="fas fa-sync-alt"></i> {{ row["overview"] }}</th>
-  </tr>
-</thead>
-<tbody>
-
+  <table class="table mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fas fa-sync-alt"></i> {{ row.overview }}</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards-header-doc.html

@@ -1,9 +1,8 @@
 <div class="table-responsive">
-<table class="table">
-<thead>
-  <tr>
-    <th scope="col"><i class="fas fa-book"></i> Documentation</th>
-  </tr>
-</thead>
-<tbody>
-
+  <table class="table mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fa-solid fa-book"></i> Documentation</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards-header-eol.html

@@ -1,9 +1,8 @@
 <div class="table-responsive">
-<table class="table">
-<thead>
-  <tr>
-    <th scope="col"><i class="fas fa-hourglass-end"></i> End-of-life</th>
-  </tr>
-</thead>
-<tbody>
-
+  <table class="table mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fas fa-hourglass-end"></i> End-of-life</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards-header-screenshot.html

@@ -0,0 +1,8 @@
+<div class="table-responsive">
+  <table class="table mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fas fa-camara"></i> Screenshot</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards-header.html

@@ -1,11 +1,13 @@
 <div class="table-responsive">
-<table class="table">
-<thead>
-  <tr>
-    <th scope="col"><i class="fas fa-microchip"></i> Architectures</th>
-    <th scope="col">Packages</th>
-    <th scope="col">Others</th>
-  </tr>
-</thead>
-<tbody>
-
+  <table class="table mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fa-solid fa-microchip"></i> Architectures</th>
+        <th scope="col">ISOs</th>
+        <th scope="col">RPMs</th>
+        <th scope="col">Cloud</th>
+        <th scope="col">Containers</th>
+        <th scope="col">Vagrant</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards.html

@@ -4,60 +4,55 @@
 {% assign cards = site.data.centos.distributions %}
 {% endif %}
 
-<div class="download__content__card">
-  <div class="download__content__card__header">
-    <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
-    {% for item in cards %}
-    <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}">{{ item.name }}</a></li>
+{% for card in cards %}
+<div class="mb-5">
+  {{ card.description }}
+  <ul class="nav nav-pills my-3 justify-content-start" id="pills-{{ card.page }}-tab" role="tablist">
+    {% for release in card.releases %}
+    <li class="nav-item" role="presentation">
+      <button class="nav-link{% if forloop.first %} active{% endif %} fw-bold" id="pills-{{ card.page }}-release-{{ forloop.index }}-tab" data-bs-toggle="tab" data-bs-target="#pills-{{ card.page }}-release-{{ forloop.index }}" type="button" role="tab" aria-controls="pills-{{ forloop.index }}-release-{{ release[0] }}-tab" {% if forloop.first %} aria-selected="true" {% endif %}>{{ release[0] }}</button>
+    </li>
     {% endfor %}
-    </ul>
-  </div>
-  <div class="download__content__card__body tab-content">
-    {% for item in cards %}
-    <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}">
-
-      <div class="download__content__card">
-        <div class="download__content__card__header">
-          <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
-            {% for release in item.releases %}
-            <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}-{{ release[0] }}">{{ release[0] }}</a></li>
-            {% endfor %}
-          </ul>
-        </div>
-
-        <div class="download__content__card__body tab-content">
-            {% for release in item.releases %}
-            <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}-{{ release[0] }}">
-            {% include download/cards-header.html %}
-            {% for row in release[1].downloads %}
-            {% include download/cards-body.html %}
-            {% endfor %}
-            {% include download/cards-footer.html %}
-
-            {% include download/cards-header-doc.html %}
-            {% for row in release[1].docs %}
-            {% include download/cards-body-doc.html %}
-            {% endfor %}
-            {% include download/cards-footer.html %}
-
-            {% include download/cards-header-eol.html %}
-            {% for row in release[1].eol %}
-            {% include download/cards-body-eol.html %}
-            {% endfor %}
-            {% include download/cards-footer.html %}
-
-            {% for row in release[1].convert %}
-            {% include download/cards-header-convert.html %}
-            {% include download/cards-body-convert.html %}
-            {% include download/cards-footer.html %}
-            {% endfor %}
-
-            </div>
-            {% endfor %}
-        </div>
-      </div>
-
+  </ul>
+
+  <div class="tab-content mb-3" id="pills-{{ card.page }}-tabContent">
+    {% for release in card.releases %}
+    <div class="tab-pane fade {% if forloop.first %} show active{% endif %}" id="pills-{{ card.page }}-release-{{ forloop.index }}" role="tabpanel" aria-labelledby="pills-{{ card.page }}-release-{{ forloop.index }}-tab" tabindex="{{ forloop.index }}">
+      {% for rows in release %}
+      {% for row in rows.screenshots %}
+      {% if row.image != "" %}
+      <img class="img-fluid border-bottom rounded-top" src="{{ site.baseurl }}/assets/img/distributions/{{ card.page }}/{{ release[0] }}/{{ row.src }}" alt="{{ row.alt }}" />
+      {% endif %} {% endfor %} {% endfor %}
+
+      {% include download/cards-header.html %}
+      {% for rows in release %}
+      {% for row in rows.downloads %}
+      {% include download/cards-body.html %}
+      {% endfor %}
+      {% endfor %}
+      {% include download/cards-footer.html %}
+
+      {% include download/cards-header-doc.html %}
+      {% include download/cards-body-doc.html %}
+      {% include download/cards-footer.html %}
+
+      {% include download/cards-header-eol.html %}
+      {% for rows in release %}
+      {% for row in rows.eol %}
+      {% include download/cards-body-eol.html %}
+      {% endfor %}
+      {% endfor %}
+      {% include download/cards-footer.html %}
+
+      {% for rows in release %}
+      {% for row in rows.convert %}
+      {% include download/cards-header-convert.html %}
+      {% include download/cards-body-convert.html %}
+      {% include download/cards-footer.html %}
+      {% endfor %}
+      {% endfor %}
     </div>
     {% endfor %}
   </div>
 </div>
+{% endfor %}

data/_includes/editbar.html

@@ -1,43 +1,6 @@
-<!-- Button trigger modal -->
-<button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#modalEditThisPage"><i class="fa-sharp fa-solid fa-pen-to-square"></i> Edit</button>
-<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" tabindex="-1" aria-labelledby="modalEditThisPageLabel" aria-hidden="true">
-  <div class="modal-dialog modal-lg">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="modalEditThisPageLabel">Edit this page</h1>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-      </div>
-      <div class="modal-body text-start">
-        <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>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Modal: Report an issue -->
-<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">
-        <h1 class="modal-title fs-5" id="modalReportAnIssueLabel">Report an issue</h1>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-      </div>
-      <div class="modal-body text-start">
-        <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>
-        <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>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-      </div>
-    </div>
+<div class="position-relative">
+  <div class="position-absolute end-0">
+    <button type="button" class="btn btn-sm btn-light" aria-label="Edit this page"><i class="fa-solid fa-edit"></i> Edit</button>
+    <button type="button" class="btn btn-sm btn-light" aria-label="Send feedback"><i class="fa-solid fa-bug"></i> Open new issue</button>
   </div>
 </div>

data/_includes/footer.html

@@ -1,38 +1,35 @@
 <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.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.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.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>
+      {% if site.data.centos.footer.columns %} {% for column in site.data.centos.footer.columns %} {% assign links = site.data.centos.navbar | where: "name", column %} {% for section in links %}
+      <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 %} {% endfor %} {% endif %}
     </div>
 
-    {% if site.data.centos.footer.columns %}
-    {% for column in site.data.centos.footer.columns %}
-    {% assign links = site.data.centos.navbar | where: "name", column %}
-    {% for section in links %}
-    <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 class="row py-3">
+      <div class="col">
+        Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <span class="nav-item"><a href="{{ item.link }}" class="link-light">{{ item.text }}</a></span
+        >{% endfor %}
+      </div>
     </div>
-    {% endfor %}
-    {% endfor %}
-    {% endif %}
   </div>
-
-  <div class="row py-3">
-    <div class="col">Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <span class="nav-item"><a href="{{ item.link }}" class="link-light">{{ item.text }}</a></span>{% endfor %}</div>
-  </div>
-
-</div>
-
 </footer>

data/_includes/home/header.html

@@ -1,4 +1,4 @@
-<div class="bg-image">
+<div class="bg-image bg-dark text-light">
   <div class="container py-5 text-white text-center">
     <div class="row">
       <div class="col">

data/_includes/people/about.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.about.section.icon %}
-      <div class="display-4">{{ page.about.section.icon }}</div>
+      <div class="display-6">{{ 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 %}

data/_includes/people/header.html

@@ -1,4 +1,4 @@
-<div class="bg-image">
+<div class="bg-dark bg-image">
   <div class="container p-5 text-white text-center">
     <div class="row">
       <div class="col">

data/_includes/people/posts.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.posts.section.icon %}
-      <div class="display-4">{{ page.posts.section.icon }}</div>
+      <div class="display-6">{{ 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 %}

data/_includes/people/projects.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.projects.section.icon %}
-      <div class="display-4">{{ page.projects.section.icon }}</div>
+      <div class="display-6">{{ 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 %}

data/_includes/people/pubkeys.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.pubkeys.section.icon %}
-      <div class="display-4">{{ page.pubkeys.section.icon }}</div>
+      <div class="display-6">{{ 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 %}
@@ -19,7 +19,7 @@
       <p class="fw-bold">{{ pubkey.name }}</p>
       <div class="input-group">
         <textarea id="{{ pubkey.name }}-key-{{ forloop.index }}" class="form-control font-monospace" placeholder="User's key" aria-label="User's key" aria-describedby="{{ pubkey.name }}-button-{{ forloop.index }}" readonly rows="5">{{ pubkey.content }}</textarea>
-        <button id="{{ pubkey.name }}-button-{{ forloop.index }}" class="btn btn-clipboard btn-outline-primary" type="button" aria-label="Copy to clipboard" 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>
+        <button id="{{ pubkey.name }}-button-{{ forloop.index }}" class="btn btn-clipboard" type="button" aria-label="Copy to clipboard" 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 %}

data/_includes/people/support.html

@@ -3,7 +3,7 @@
   <div class="row">
     <div class="col">
       {% if page.support.section.icon %}
-      <div class="display-4">{{ page.support.section.icon }}</div>
+      <div class="display-6">{{ 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 %}

data/_includes/scripts.html

@@ -0,0 +1,65 @@
+<!-- JQuery -->
+<script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
+
+<!-- DataTables -->
+{% if page.with_datatable == true %}
+<script src="{{ site.baseurl }}/assets/js/jquery.dataTables.min.js"></script>
+<script src="{{ site.baseurl }}/assets/js/dataTables.bootstrap5.min.js"></script>
+<script>
+  $(document).ready(function () {
+    $("#download-mirror").DataTable();
+  });
+</script>
+{% endif %}
+
+<!-- BackToTop -->
+<script src="{{ site.baseurl }}/assets/js/vanilla-back-to-top.min.js"></script>
+<script>
+  addBackToTop({
+    diameter: 56,
+    backgroundColor: "rgb(32, 7, 53)",
+    textColor: "#fff",
+  });
+</script>
+
+<!-- Clipboard.JS -->
+{% if page.with_clipboard == true %}
+<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);
+    });
+  });
+</script>
+{% endif %}
+
+<!-- Bootstrap -->
+<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
+<script>
+  // Initialize Tooltips
+  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+  const tooltipList = [...tooltipTriggerList].map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));
+</script>

data/_includes/toc-accordion.html

@@ -1,10 +1,12 @@
-<div class="accordion my-4" id="pageTocAccordion">
+{% if page.with_toc %}
+<div class="accordion my-3" id="pageTocAccordion">
   <div class="accordion-item">
     <div class="accordion-header" id="flush-headingOne">
-      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">Table of content</button>
+      <button class="accordion-button collapsed py-1" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">Table of contents</button>
     </div>
     <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#pageTocAccordion">
       <div class="accordion-body">{% include toc.html html=content %}</div>
     </div>
   </div>
 </div>
+{% endif %}