jekyll-theme-centos 2.2.2 → 2.2.3

data/_includes/base/navbar.html

@@ -0,0 +1,32 @@
+{% assign navbar = site.data[site.navbar_data_dirname][site.navbar_data_filename] %}
+<header class="site-header sticky-top">
+  <nav class="navbar 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>
+      <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" id="navbarContent">
+        <ul class="navbar-nav mr-auto">
+          {% assign navitems = 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="{{ site.baseurl }}{{ 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="{{ site.baseurl }}{{ dropdownitem.link }}">{{ dropdownitem.name }}</a></li>
+              {% endfor -%}
+            </ul>
+          </li>
+          {% endif -%}
+          {% endfor -%}
+        </ul>
+      </div>
+    </div>
+  </nav>
+</header>

data/_includes/base/script.html

@@ -0,0 +1,70 @@
+<!-- JQuery -->
+<script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
+
+{% if page.with_datatables == 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>
+  $(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>
+
+{% if page.with_clipboard == true %}
+<!-- Clipboard.JS -->
+<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 %}
+
+<!-- Copyright Year -->
+<script>
+  document.getElementById("copyright_year").innerHTML = new Date().getFullYear();
+</script>
+
+<!-- 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/base/toc-accordion.html

@@ -0,0 +1,10 @@
+<div class="accordion" id="pageTocAccordion">
+  <div class="accordion-item shadow-sm">
+    <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"><i class="fa-solid fa-bars"></i> <span class="mx-3">Table of Contents</span></button>
+    </div>
+    <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#pageTocAccordion">
+      <div class="accordion-body">{% include base/toc.html html=content %}</div>
+    </div>
+  </div>
+</div>

data/_includes/base/toc.html

@@ -0,0 +1,99 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Version 1.0.10
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class        (string) :   ''   - a CSS class assigned to the TOC
+            * id           (string) :   ''   - an ID to assigned to the TOC
+            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture my_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | split: '<h' %}
+    {% assign firstHeader = true %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign firstHeader = false %}
+            {% assign minHeader = headerLevel %}
+        {% endif %}
+
+        {% assign indentAmount = headerLevel | minus: minHeader %}
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign html_id = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% assign space = '' %}
+        {% for i in (1..indentAmount) %}
+            {% assign space = space | prepend: '    ' %}
+        {% endfor %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+        {% endif %}
+
+        {% capture heading_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} [{{ heading_body | replace: "|", "\|" }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class and include.class != blank %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}{% endcapture %}
+
+{% if my_toc != "" %}
+{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
+{% endif %}

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

@@ -0,0 +1,10 @@
+<tr>
+  <td>
+    {% 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

@@ -0,0 +1,9 @@
+<tr>
+  <td>
+      {% for rows in release %}
+      {% for row in rows.docs %}
+      <a class="btn btn-sm btn-primary{% if row.name == "" %} disabled" aria-disabled="true"{% else %}" href="{{ row.link }}"{% endif %} role="button"><i class="fa-solid fa-file"></i> {{ row.name }}</a>
+      {% endfor %}
+      {% endfor %}
+  </td>
+</tr>

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

@@ -0,0 +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> Know more</a>
+    {% else %}
+    {% endif %}
+  </td>
+</tr>

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

@@ -0,0 +1,26 @@
+<tr>
+  <td class="p-0">
+  <div id="carouselScreenshotsIndicators-{{ card.page }}-{{ release[0] }}" class="carousel carousel-dark slide" data-bs-ride="true">
+    <div class="carousel-indicators">
+      {% for row in rows.screenshots %}
+      <button type="button" data-bs-target="#carouselScreenshotsIndicators-{{ card.page }}-{{ release[0] }}" data-bs-slide-to="{{ forloop.index0 }}" {% if forloop.first %}class="active" {% endif %}aria-current="true" aria-label="Screenshot {{ forloop.index }}"></button>
+      {% endfor %}
+    </div>
+    <div class="carousel-inner">
+      {% for row in rows.screenshots %}
+      <div class="carousel-item{% if forloop.first %} active{% endif %}">
+        <img class="d-block w-100" src="{{ site.baseurl }}/assets/img/download/{{ card.page }}-{{ release[0] }}-{{ row.src }}" alt="{{ row.alt }}" />
+      </div>
+      {% endfor %}
+    </div>
+    <button class="carousel-control-prev" type="button" data-bs-target="#carouselScreenshotsIndicators-{{ card.page }}-{{ release[0] }}" data-bs-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+    <button class="carousel-control-next" type="button" data-bs-target="#carouselScreenshotsIndicators-{{ card.page }}-{{ release[0] }}" data-bs-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+  </div>
+  </td>
+</tr>

data/_includes/download/cards-body.html

@@ -0,0 +1,8 @@
+<tr>
+  <td>{{ row.arch }}</td>
+  <td><a class="btn btn-sm btn-primary{% 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-primary{% 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-primary{% 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-primary{% 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-primary{% 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-footer.html

@@ -0,0 +1,3 @@
+</tbody>
+</table>
+</div>

data/_includes/download/cards-header-convert.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-sync-alt"></i> {{ row.overview }}</th>
+      </tr>
+    </thead>
+    <tbody>

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

@@ -0,0 +1,8 @@
+<div class="table-responsive">
+  <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

@@ -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-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="fa-solid fa-desktop"></i> Desktop</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards-header.html

@@ -0,0 +1,13 @@
+<div class="table-responsive">
+  <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

@@ -0,0 +1,62 @@
+{% if include.download %}
+{% assign cards = site.data.centos.download | where: "page", include.download %}
+{% else %}
+{% assign cards = site.data.centos.download %}
+{% endif %}
+
+{% for card in cards %}
+<div class="mb-5">
+  <h1>{{ card.name }}</h1>
+  <p>{{ card.description }}</p>
+  <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 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 %}
+      {% if rows.screenshots.size > 0 %}
+      {% include download/cards-header-screenshot.html %}
+      {% include download/cards-body-screenshot.html %}
+      {% include download/cards-footer.html %}
+      {% endif %}
+      {% 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/people/about.html

@@ -0,0 +1,25 @@
+{% if page.about.section.visible == true %}
+<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"><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 %}
+      <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 %}
+      <p>{{ p }}</p>
+      {% 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

@@ -0,0 +1,11 @@
+<div class="bg-dark bg-image">
+  <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 }}.svg" alt="{{ page.username }}" />
+        <h1 class="display-1 fw-bold">{{ page.username }}</h1>
+        <p class="lead">{{ page.fullname }}</p>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/people/posts.html

@@ -0,0 +1,35 @@
+{% 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"><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 %}
+      <p>{{ page.posts.section.preamble }}</p>
+      {% endif %}
+    </div>
+  </div>
+
+  <div class="row">
+    <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" -%}
+        <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>
+            <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>
+      {% else %}
+      <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+{% endif %}

data/_includes/people/projects.html

@@ -0,0 +1,32 @@
+{% 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"><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 %}
+      <p>{{ page.projects.section.preamble }}</p>
+      {% endif %}
+    </div>
+  </div>
+
+  <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>
+</div>
+{% endif %}

data/_includes/people/pubkeys.html

@@ -0,0 +1,31 @@
+{% if page.pubkeys.section.visible == true %}
+<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"><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 %}
+      <p>{{ page.pubkeys.section.preamble }}</p>
+      {% endif %}
+    </div>
+  </div>
+
+  {% if page.pubkeys.content.size > 0 %}
+  <div class="row">
+    {% for pubkey in page.pubkeys.content %}
+    <div class="col-sm-6 px-5">
+      <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" 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 %}
+  </div>
+  {% else %}
+  <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
+  {% endif %}
+</div>
+{% endif %}

data/_includes/people/support.html

@@ -0,0 +1,25 @@
+{% if page.support.section.visible == true %}
+<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"><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 %}
+      <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>
+    {% endfor %}
+  </div>
+  {% else %}
+  <div class="alert alert-light border shadow" role="alert">Nothing posted here, yet.</div>
+  {% endif %}
+</div>
+{% endif %}

data/_layouts/base/default.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: 'en' }}">
+  {% include base/head.html title=page.title -%}
+
+  <body id="top">
+    {% include base/navbar.html -%}
+    <main>
+      {% include base/header.html -%}
+      <div class="container py-5">
+        {% if page.with_breadcrumbs %}
+        <div class="row justify-content-center">
+          <div class="col-sm-12 col-xl-8">
+            {% include base/breadcrumbs.html %}
+          </div>
+        </div>
+        {% endif %}
+        {% if page.with_toc %}
+        <div class="row my-3 justify-content-center">
+          <div class="col-sm-12 col-xl-8">{% include base/toc-accordion.html %}</div>
+        </div>
+        {% endif %}
+        <div class="row my-5 justify-content-center">
+          <div class="col-sm-12 col-xl-8">{{ content }}</div>
+        </div>
+      </div>
+    </main>
+
+    {% include base/footer.html %}
+    {% include base/script.html %}
+  </body>
+</html>

data/_layouts/download/cards.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+{% include download/cards.html %}
+
+{{ content }}

data/_layouts/people/default.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: 'en' }}">
+  {% include base/head.html title=page.title -%}
+
+  <body id="top">
+    {% include base/navbar.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 %}
+    </main>
+
+    {% include base/footer.html %}
+    {% include base/script.html -%}
+  </body>
+</html>