jekyll-theme-centos 2.51.1.beta.46 → 2.51.1.beta.48

data/_includes/base/breakingnews.html

@@ -1,4 +1,4 @@
-<div class="alert alert-{{ include.color | default: 'primary') }} rounded-0 m-0 border-{{ include.color | default: 'primary') }} border-start-0 border-end-0 shadow" role="alert">
+<div class="alert alert-{{ include.color | default: 'primary') }} rounded-0 m-0 border-start-0 border-end-0 shadow" role="alert">
   <div class="container d-flex justify-content-between align-items-center">
     <div class="me-3">
       <div class="h5 mb-0"><i class="{{ include.icon | default: 'fa-solid fa-bullhorn' }}"></i></div>

data/_includes/base/languages.html

@@ -0,0 +1,35 @@
+{% assign locales = page.with_locales.size | plus: 1 %}
+{% capture modal_title %}
+<i class="fa-solid fa-language"></i> Languages <span class="badge text-bg-secondary">{{ locales }}</span>
+{% endcapture %}
+
+{% assign modal_id = include.id | default: 0 %}
+{% assign modal_preamble = include.preamble | default: "This page is available in the following languages:"%}
+{% assign modal_footer = include.footer | default: "" %}
+
+<button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#languageModal-{{ modal_id }}">
+{{ modal_title }}
+</button>
+
+<div class="modal fade" id="languageModal-{{ modal_id }}" tabindex="-1" aria-labelledby="languageModalLabel-{{ modal_id }}" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-4" id="languageModalLabel-{{ modal_id }}">{{ modal_title }}</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>{{ modal_preamble }}</p>
+        <a href="{{ site.baseurl }}{{ page.url }}" role="button" class="btn btn-primary">{{ site.data.base.languages["en"] }}</a>
+        {% for locale in page.with_locales %}
+        <a href="{{ site.baseurl }}/{{ locale }}{{ page.url }}" role="button" class="btn btn-primary">{{ site.data.base.languages[locale] }}</a>
+        {% endfor %}
+      </div>
+      {% if modal_footer != "" %}
+      <div class="modal-footer">
+        <p class="small">{{ modal_footer }}</p>
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>

data/_includes/base/script.html

@@ -4,11 +4,7 @@
 <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),
-    })
-  );
+  hljs.addPlugin(new CopyButtonPlugin());
   hljs.highlightAll();
 </script>
 {% endif -%}

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

@@ -0,0 +1,7 @@
+<tr>
+  <td>
+    {% if row.lines != "" %}
+    <pre class="mb-0"><code>{{ row.lines }}</code></pre>
+    {% endif %}
+  </td>
+</tr>

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

@@ -0,0 +1,11 @@
+<tr>
+  <td>
+      {% for rows in release %}
+      {% for row in rows.documentation %}
+      {% if row.title != "" %}
+      <a class="btn btn-primary" href="{{ row.link }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> {{ row.title }}</a>
+      {% endif %}
+      {% endfor %}
+      {% endfor %}
+  </td>
+</tr>

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

@@ -0,0 +1,8 @@
+<tr>
+  <td>{{ row.architecture }}</td>
+  <td>{% if row.iso] != "" %}<a class="btn btn-primary" href="{{ row.iso }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> Mirrors</a>{% endif %}</td>
+  <td>{% if row.rpm] != "" %}<a class="btn btn-primary" href="{{ row.rpm }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> Mirrors</a>{% endif %}</td>
+  <td>{% if row.cloud] != "" %}<a class="btn btn-primary" href="{{ row.cloud }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> Images</a>{% endif %}</td>
+  <td>{% if row.containers] != "" %}<a class="btn btn-primary" href="{{ row.containers }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> Images</a>{% endif %}</td>
+  <td>{% if row.vagrant] != "" %}<a class="btn btn-primary" href="{{ row.vagrant }}" role="button"><i class="fa-solid fa-up-right-from-square"></i> Boxes</a>{% endif %}</td>
+</tr>

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

@@ -0,0 +1,32 @@
+<tr>
+  <td class="p-0">
+  <div id="carouselScreenshotsIndicators-{{ release_id }}" class="carousel carousel-dark slide" data-bs-ride="true">
+    <div class="carousel-indicators">
+      {% for row in rows.screenshots %}
+      <button
+        {% if forloop.first %}class="active"{% endif %}
+        type="button"
+        data-bs-target="#carouselScreenshotsIndicators-{{ release_id }}"
+        data-bs-slide-to="{{ forloop.index0 }}"
+        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.url }}{{ site.baseurl }}/assets/img/download/{{ row.src }}" alt="{{ row.alt }}" />
+      </div>
+      {% endfor %}
+    </div>
+    <button class="carousel-control-prev" type="button" data-bs-target="#carouselScreenshotsIndicators-{{ release_id }}" 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-{{ release_id }}" 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-header-commands.html

@@ -0,0 +1,8 @@
+<div class="table-responsive">
+  <table class="table table-bordered mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fa-solid fa-terminal"></i> {{ row.title }}</th>
+      </tr>
+    </thead>
+    <tbody>

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

@@ -0,0 +1,8 @@
+<div class="table-responsive">
+  <table class="table table-bordered 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,5 +1,5 @@
 <div class="table-responsive">
-  <table class="table mb-0">
+  <table class="table table-bordered mb-0">
     <thead class="table-light">
       <tr>
         <th scope="col"><i class="fas fa-hourglass-end"></i> End-of-life</th>

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

@@ -0,0 +1,13 @@
+<div class="table-responsive">
+  <table class="table table-bordered mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fa-solid fa-microchip"></i> Architecture</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-header-screenshots.html

@@ -0,0 +1,8 @@
+<div class="table-responsive">
+  <table class="table table-bordered mb-0">
+    <thead class="table-light">
+      <tr>
+        <th scope="col"><i class="fa-solid fa-desktop"></i> Screenshots</th>
+      </tr>
+    </thead>
+    <tbody>

data/_includes/download/cards.html

@@ -1,62 +1,120 @@
-{% if include.download %}
-{% assign cards = site.data.centos.download | where: "page", include.download %}
+{% if include.data and include.data != "" %}
+  {% assign cards = include.data %}
 {% else %}
-{% assign cards = site.data.centos.download %}
+  {% assign cards = site.data.download.cards %}
 {% 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 %}
+  {% if include.title and include.title != "" %}
+    {% if include.title != card.title %}
+      {% continue %}
+    {% endif %}
+  {% endif %}
 
+  <div class="mb-5">
+    {% if include.with_title %}
+    <div class="h2">{{ card.title }}</div>
+    {% endif %}
 
-      {% 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 %}
+    {% if include.with_description %}
+    <p>{{ card.description }}</p>
+    {% endif %}
 
-      {% include download/cards-header-doc.html %}
-      {% include download/cards-body-doc.html %}
-      {% include download/cards-footer.html %}
+    {% if include.id and include.id != "" %}
+      {%- capture card_id -%}
+      {{ include.id }}-{{ card.title | downcase | replace: " ", "-" }}
+      {%- endcapture %}
+    {% else %}
+      {%- capture card_id -%}
+      DownloadsCard-1-{{ card.title | downcase | replace: " ", "-" }}
+      {%- endcapture %}
+    {% endif %}
 
-      {% include download/cards-header-eol.html %}
-      {% for rows in release %}
-      {% for row in rows.eol %}
-      {% include download/cards-body-eol.html %}
-      {% endfor %}
+    {% if include.with_releases %}
+    <ul class="nav nav-pills my-3 justify-content-start" id="{{ card_id }}-pills-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="{{ card_id }}-pills-tab{{ forloop.index }}"
+          data-bs-toggle="tab"
+          data-bs-target="#{{ card_id }}-pills{{ forloop.index }}"
+          type="button"
+          role="tab"
+          aria-controls="{{ card_id }}-pills-tab{{ forloop.index }}"
+          {% if forloop.first %}aria-selected="true"{% endif %}
+          >{{ release[0] }}</button>
+      </li>
       {% endfor %}
-      {% include download/cards-footer.html %}
+    </ul>
 
-      {% 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 %}
+    <div class="tab-content mb-3" id="{{ card_id }}-pills-tabContent">
+    {% for release in card.releases %}
+
+    {%- capture release_id -%}
+    {{ card_id }}-pills{{ forloop.index }}
+    {%- endcapture %}
+
+    {%- capture tab_id -%}
+    {{ card_id }}-pills-tab{{ forloop.index }}
+    {%- endcapture %}
+
+    <div class="tab-pane fade {% if forloop.first %} show active{% endif %}"
+         id="{{ release_id }}"
+         role="tabpanel"
+         aria-labelledby="{{ tab_id }}"
+         tabindex="{{ forloop.index }}">
+
+        {% if include.with_screenshots %}
+        {% for rows in release %}
+        {% if rows.screenshots.size > 0 %}
+        {% include download/cards-header-screenshots.html %}
+        {% include download/cards-body-screenshots.html %}
+        {% include download/cards-footer.html %}
+        {% endif %}
+        {% endfor %}
+        {% endif %}
+
+        {% if include.with_mirrors %}
+        {% include download/cards-header-mirrors.html %}
+        {% for rows in release %}
+        {% for row in rows.mirrors %}
+        {% include download/cards-body-mirrors.html %}
+        {% endfor %}
+        {% endfor %}
+        {% include download/cards-footer.html %}
+        {% endif %}
+
+        {% if include.with_documentation %}
+        {% include download/cards-header-documentation.html %}
+        {% include download/cards-body-documentation.html %}
+        {% include download/cards-footer.html %}
+        {% endif %}
+
+        {% if include.with_eol %}
+        {% 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 %}
+        {% endif %}
+
+        {% if include.with_commands %}
+        {% for rows in release %}
+        {% for row in rows.commands %}
+        {% include download/cards-header-commands.html %}
+        {% include download/cards-body-commands.html %}
+        {% include download/cards-footer.html %}
+        {% endfor %}
+        {% endfor %}
+        {% endif %}
+      </div>
       {% endfor %}
     </div>
-    {% endfor %}
+    {% endif %}
+
   </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 pt-5">
+      <div class="col pt-5">
+        <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/_includes/sponsors/cards.html

@@ -0,0 +1,11 @@
+{% assign members = site.data.sponsors.carousel.members %}
+
+<div class="d-flex flex-wrap justify-content-between my-3 border-top border-bottom border-top-1 border-bottom-1">
+  {% for member in members %}
+  {% if member.is_active != false %}
+  <div class="card border-light m-2" style="width: 242px;">
+    <a href="{{ member.url }}"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/sponsors/{{ member.image }}" class="card-img-top" alt="{{ member.name }}"></a>
+  </div>
+  {% endif %}
+  {% endfor %}
+</div>

data/_includes/sponsors/carousel.html

@@ -0,0 +1,27 @@
+{% assign carousel = site.data.sponsors.carousel %}
+<div id="{{ include.id | default: 'sponsorsCarousel' }}" class="row pt-3 text-body-emphasis">
+
+  <div class="col-sm-12 col-xl-7 mb-3">
+    {% if include.with_title != false %}
+    <div class="h4"><i class="{{ carousel.icon }}"></i> {{ carousel.title }}</div>
+    {% endif %}
+    <div>{{ carousel.message }}</div>
+  </div>
+
+  <div class="col-sm-12 col-xl-5 mb-3">
+    <div class="carousel slide carousel-fade" data-bs-ride="carousel">
+      <div class="carousel-inner">
+        {% for member in carousel.members %}
+        {% if member.is_active != false %}
+        <div class="carousel-item{% if forloop.first %} active{% endif %}">
+          <div class="card p-3 text-center border-0">
+            <a href="{{ member.url }}"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/sponsors/{{ member.image }}" class="card-img-top" style="height: 60px; width: auto;" alt="{{ member.name }}"></a>
+          </div>
+        </div>
+        {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+</div>

data/_layouts/base/default.html

@@ -32,7 +32,7 @@
     </div>
     {% endif %}
 
-    <main class="container bg-body py-5">
+    <main class="container bg-body py-4">
 
       {% if page.with_announcements and page.with_announcements.size > 0 -%}
       {% for announcement in page.with_announcements %}
@@ -44,47 +44,50 @@
       {% endfor %}
       {% endif -%}
 
-      {% if page.with_breadcrumbs == true %}
-      <div class="row justify-content-center">
-        <div class="col-sm-12 col-lg-8">
-          <div class="mb-4">{% include base/breadcrumbs.html %}</div>
+      {% if page.with_breadcrumbs == true or page.with_locales.size > 0 %}
+      <div class="row justify-content-center mb-4">
+        <div class="col">
+        {% if page.with_breadcrumbs == true %}
+        {% include base/breadcrumbs.html %}
+        {% endif %}
+        </div>
+        <div class="col-auto">
+          {% if page.with_locales.size > 0 %}
+          {% include base/languages.html %}
+          {% endif %}
         </div>
       </div>
       {% endif %}
 
-      {% if page.with_artwork == true %}
-      <div class="row justify-content-center">
+      {% if page.with_title == true -%}
+      <div class="row justify-content-center mb-4">
         <div class="col-sm-12 col-lg-8">
-          <div class="my-4 artwork">
-            <img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_artwork }}" class="img-fluid rounded" alt="{{ page.title }}" />
-          </div>
+          <div class="h1">{{ page.title }}</div>
+          {% if page.with_preamble == true -%}
+          <div class="lead">{{ page.title_lead }}</div>
+          {% endif -%}
         </div>
       </div>
       {% endif %}
 
-      {% if page.with_title == true -%}
-      <div class="row justify-content-center">
+      {% if page.with_artwork != false %}
+      <div class="row justify-content-center mb-4">
         <div class="col-sm-12 col-lg-8">
-          <div class="my-4">
-            <div class="h1">{{ page.title }}</div>
-            {% if page.with_preamble == true -%}
-            <div class="lead">{{ page.title_lead }}</div>
-            {% endif -%}
-          </div>
+          <img src="{{ site.baseurl }}/assets/img/{{ page.with_artwork }}" class="img-fluid rounded bg-dark" alt="{{ page.title }}" />
         </div>
       </div>
       {% endif %}
 
       {% if page.with_toc == true %}
-      <div class="row justify-content-center">
+      <div class="row justify-content-center mb-4">
         <div class="col-sm-12 col-lg-8">
-          <div class="my-4">{% include base/toc-accordion.html %}</div>
+          {% include base/toc-accordion.html %}
         </div>
       </div>
       {% endif %}
 
       {% if page.with_content == true %}
-      <div class="row justify-content-center">
+      <div class="row justify-content-center mb-4">
         <div class="col-sm-12 col-lg-8">
           <div class="content">
           {{ content }}

data/_layouts/download/default.html

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