jekyll-theme-centos 0.2.4 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4160b1283d1b00240f5f40145a1fd0e73b026315fb3dba915722a8862955767f
-  data.tar.gz: cec0da81559a160bb9cc4087fa214ee0b3d4de607d358bc363e7fbff4a8408cd
+  metadata.gz: ac6382a16afee05d836e1c99591f9fe053419617858e4088686a1327a8a13fd9
+  data.tar.gz: ae1c7d028817b9e1839ef0829bc497fba9671433dc54af7e5526dd2bec547bca
 SHA512:
-  metadata.gz: bf749b86e7e86120ed154ca648fbc010345b73d84926394e1f5970f83a84abee7874f2074150c7ef70e4f40aa28e35ce0343862adb6f657b9e3f7c02beede7f8
-  data.tar.gz: a1d02ae47e4ae2ca31bc2a31799dada1ebb562a76c6aa800ad6eb2a800e1397f4bddd50e4b153aab543082763b6be4e37de7f4bd416527c385a7b8f13ea4ba04
+  metadata.gz: e8d0f04e9a23150d1028335da7687875a50bda6d2adc6172f5c851c33f76fdea3a31b83c785226d0818223623e3a7fcb7418be7bb5f2833cb3194dc15ca35541
+  data.tar.gz: 836197ccafc2609d678f06ee6ddbb2a2f5f4e126070179899ecb922151d4b1f8ddd3c50d8845e481ad8d778d224aee18aff3f5b2fe5f248fa1ed9a6933cc1a76

data/_includes/download/body-doc.html

@@ -1,6 +1,6 @@
 <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["documentation"] != "-" %}<a href="{{ row['documentation'] }}">Documentation</a>{% else %}Documentation{% endif %}</td>
+  <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["documentation"] != "" %}<a href="{{ row['documentation'] }}">Documentation</a>{% else %}Documentation{% endif %}</td>
 </tr>
 

data/_includes/download/body-eol.html

@@ -1,4 +1,4 @@
 <tr>
-  <td>{% if row["date"] != "-" %}{{ row['date'] }}{% endif %}
-      {% if row["url"] != "-" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}</td>
+  <td>{% if row["date"] != "" %}{{ row['date'] }}{% endif %}
+      {% if row["url"] != "" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}</td>
 </tr>

data/_includes/download/body.html

@@ -1,7 +1,7 @@
 <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>{% 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>
 </tr>

data/_includes/download/cards.html

@@ -1,8 +1,8 @@
 <div class="download__content__card">
   <div class="download__content__card__header">
-    <ul class="nav nav-pills card-header-pills">
-      <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
-      <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
+    <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
+      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
     </ul>
   </div>
   <div class="download__content__card__body tab-content">

data/_includes/download/linux.html

@@ -1,8 +1,8 @@
 <div class="download__content__card">
   <div class="download__content__card__header">
-    <ul class="nav nav-pills card-header-pills">
-      <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
-      <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
+    <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
+      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
     </ul>
   </div>
 

data/_includes/download/linux/7-doc.html

@@ -1,5 +1,5 @@
 {% include download/header-doc.html %}
-{% for row in site.data.centos-linux-7-doc %}
+{% for row in site.data.centos.linux-7-doc %}
 {% include download/body-doc.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/linux/7-eol.html

@@ -1,5 +1,5 @@
 {% include download/header-eol.html %}
-{% for row in site.data.centos-linux-7-eol %}
+{% for row in site.data.centos.linux-7-eol %}
 {% include download/body-eol.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/linux/7.html

@@ -1,5 +1,5 @@
 {% include download/header.html %}
-{% for row in site.data.centos-linux-7 %}
+{% for row in site.data.centos.linux-7 %}
 {% include download/body.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/linux/8-doc.html

@@ -1,5 +1,5 @@
 {% include download/header-doc.html %}
-{% for row in site.data.centos-linux-8-doc %}
+{% for row in site.data.centos.linux-8-doc %}
 {% include download/body-doc.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/linux/8-eol.html

@@ -1,5 +1,5 @@
 {% include download/header-eol.html %}
-{% for row in site.data.centos-linux-8-eol %}
+{% for row in site.data.centos.linux-8-eol %}
 {% include download/body-eol.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/linux/8.html

@@ -1,5 +1,5 @@
 {% include download/header.html %}
-{% for row in site.data.centos-linux-8 %}
+{% for row in site.data.centos.linux-8 %}
 {% include download/body.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/stream.html

@@ -1,8 +1,8 @@
 <div class="download__content__card">
 
   <div class="download__content__card__header">
-    <ul class="nav nav-pills card-header-pills">
-      <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
+    <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
     </ul>
   </div>
 

data/_includes/download/stream/8-doc.html

@@ -1,5 +1,5 @@
 {% include download/header-doc.html %}
-{% for row in site.data.centos-stream-8-doc %}
+{% for row in site.data.centos.stream-8-doc %}
 {% include download/body-doc.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/stream/8-eol.html

@@ -1,5 +1,5 @@
 {% include download/header-eol.html %}
-{% for row in site.data.centos-stream-8-eol %}
+{% for row in site.data.centos.stream-8-eol %}
 {% include download/body-eol.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/download/stream/8.html

@@ -1,5 +1,5 @@
 {% include download/header.html %}
-{% for row in site.data.centos-stream-8 %}
+{% for row in site.data.centos.stream-8 %}
 {% include download/body.html %}
 {% endfor %}
 {% include download/footer.html %}

data/_includes/footer.html

@@ -2,9 +2,9 @@
     <div class="container">
       <div class="row">
 
-        {% if site.footer.columns %}
-        {% for column in site.footer.columns %}
-        {% assign links = site.navbar | where: "name", column %}
+        {% 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 %}
         <section class="links">
           <h6><i class="{{ section.icon }}"></i> {{ section.name }}</h6>
@@ -22,7 +22,7 @@
           <h4>{{ site.title }}</h4>
           <p class="lead">{{ site.description }}</p>
           <div class="lead social">
-            {% for item in site.footer.social %}
+            {% for item in site.data.centos.footer.social %}
             <a href="{{ item.link }}"><i class="{{ item.icon }}"></i></a>
             {% endfor %}
           </div>
@@ -32,7 +32,7 @@
 
       <div class="row">
         <section class="copyright">
-          <p>Copyright &copy; {{ site.time | date: "%Y" }} {{ site.footer.copyright.author }} {% for item in site.footer.copyright.legals %} | <a href="{{ item.link }}">{{ item.text }}</a>{% endfor %}</p>
+          <p>Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <a href="{{ item.link }}">{{ item.text }}</a>{% endfor %}</p>
         </section>
       </div>
 

data/_includes/header/home.html

@@ -1,14 +1,4 @@
 <header class="header header__home">
   <h1 class="header__home__title">{{ site.title }}</h1>
   <p class="header__home__description">{{ site.description }}</p>
-  {% if site.header.preamble %}
-  <p class="header__home__preamble">{{ site.header.preamble }}</p>
-  {% endif %}
-  {% if site.header.worklines %}
-  <div class="header__home__worklines">
-  {% for item in site.header.worklines %}
-    <a class="btn btn-light btn-lg" role="button" href="{{ item.link }}"><strong>{{ item.name }}</strong></a>
-  {% endfor %}
-  </div>
-  {% endif %}
 </header>

data/_includes/home/distributions.html

@@ -0,0 +1,12 @@
+<section class="home__content__distributions">
+  <h2>Distributions</h2>
+  <p class="home__content__distributions_preamble">{{ site.data.centos.distributions.preamble }}</p>
+
+  {% if site.data.centos.distributions.buttons %}
+  <div class="home__content__distributions__buttons">
+  {% for item in site.data.centos.distributions.buttons %}
+    <a class="btn" role="button" href="{{ item.link }}">{{ item.name }}</a>
+  {% endfor %}
+  </div>
+  {% endif %}
+</section>

data/_includes/home/news-and-events.html

@@ -0,0 +1,13 @@
+<section class="home__content__news-and-events">
+
+  <h2>News and events</h2>
+
+  <ul>
+  {% assign blog_posts = site.posts | where: "category", "news-and-events" %}
+  {% for i in blog_posts limit:4 %}
+  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+    <li><a href="{{ i.url }}">{{ i.title }}</a> &mdash; <small>{{ i.date | date: date_format }}</small> {{ i.excerpt }}</li>
+  {% endfor %}
+  </ul>
+
+</section>

data/_includes/home/{around.html → planet.html}

@@ -1,4 +1,4 @@
-<section class="home__around">
+<section class="home__content__planet">
   <h2>Around CentOS</h2>
   <div id="rss-feeds"></div>
 </section>

data/_includes/home/sponsors.html

@@ -1,6 +1,6 @@
-<section class="home__sponsorship">
+<section class="home__content__sponsors">
 
-  <h2>Sponsorship</h2>
+  <h2>Sponsors</h2>
 
   <div class="carousel">
   <p>CentOS would not be possible without the support of our sponsors. We would like to thank the following product/service for being a CentOS sponsor:</p>

data/_includes/navbar.html

@@ -1,22 +1,22 @@
-<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
+<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
     <div class="container">
-      <a class="navbar-brand" href="{{ site.identity.logo.link }}"><img src="{{ site.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
+      <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
         <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
         <div class="collapse navbar-collapse" id="navcol-1">
             <ul class="nav navbar-nav ml-auto">
-              {% for nav-item in site.navbar %}
+              {%- for nav-item in site.data.centos.navbar -%}
               {% if nav-item.menu.size == 0 %}
               <li class="nav-item" role="presentation"><a class="nav-link" href="{{ nav-item.link }}"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a></li>
-              {% else %}
+              {% else -%}
               <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a>
                 <div class="dropdown-menu" role="menu">
-                  {% for dropdown-item in nav-item.menu %}
+                  {%- for dropdown-item in nav-item.menu -%}
                   <a class="dropdown-item" role="presentation" href="{{ dropdown-item.link }}">{{ dropdown-item.name }}</a>
-                  {% endfor %}
+                  {% endfor -%}
                 </div>
               </li>
               {% endif %}
-              {% endfor %}
+              {%- endfor -%}
             </ul>
         </div>
     </div>

data/_includes/post-nav-explorer.html

@@ -0,0 +1,23 @@
+<nav class="post__nav__explorer">
+  {% if page.previous.url %}
+  <div class="post__nav__explorer__newer">
+  {% else %}
+  <div class="post__nav__explorer__newer--disabled">
+  {% endif %}
+  <a href="{{ page.previous.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
+  </div>
+  {% include top.html %}
+  <div class="post__nav_explorer__feeds">
+    <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
+  </div>
+  <div class="post__nav__explorer__index">
+    <a href="/{{ site.pagination.indexpage }}/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+  </div>
+  {% if page.next.url %}
+  <div class="post__nav__explorer__older">
+  {% else %}
+  <div class="post__nav__explorer__older--disabled">
+  {% endif %}
+  <a href="{{ page.next.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
+  </div>
+</nav>

data/_includes/post-nav.html

@@ -0,0 +1,3 @@
+{% include breadcrumbs.html %}
+{% include toc.html html=content %}
+{% include post-nav-explorer.html %}

data/_includes/search.html

@@ -1,62 +1,4 @@
-<script src="/assets/js/lunr.min.js"></script>
+<div id="search-searchbar"></div>
 
-<script>
-{% assign counter = 0 %}
-var documents = [{% for page in site.pages %}{% if page.url contains '.xml' or page.url contains 'assets' %}{% else %}{
-    "id": {{ counter }},
-    "url": "{{ site.url }}{{ page.url }}",
-    "title": "{{ page.title }}",
-    "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
-    }, {% endif %}{% endfor %}{% for page in site.without-plugin %}{
-    "id": {{ counter }},
-    "url": "{{ site.url }}{{ page.url }}",
-    "title": "{{ page.title }}",
-    "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
-    }, {% endfor %}{% for page in site.posts %}{
-    "id": {{ counter }},
-    "url": "{{ site.url }}{{ page.url }}",
-    "title": "{{ page.title }}",
-    "body": "{{ page.date | date: "%Y/%m/%d" }} - {{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
-    }{% if forloop.last %}{% else %}, {% endif %}{% endfor %}];
+<div id="search-hits"></div>
 
-var idx = lunr(function () {
-    this.ref('id')
-    this.field('title')
-    this.field('body')
-
-    documents.forEach(function (doc) {
-        this.add(doc)
-    }, this)
-});
-function lunr_search(term) {
-    document.getElementById('lunrsearchresults').innerHTML = '<ul></ul>';
-    if(term) {
-        document.getElementById('lunrsearchresults').innerHTML = "<h2>Search results for '" + term + "'</h2>" + document.getElementById('lunrsearchresults').innerHTML;
-        //put results on the screen.
-        var results = idx.search(term);
-        if(results.length>0){
-            //console.log(idx.search(term));
-            //if results
-            for (var i = 0; i < results.length; i++) {
-                // more statements
-                var ref = results[i]['ref'];
-                var url = documents[ref]['url'];
-                var title = documents[ref]['title'];
-                var body = documents[ref]['body'].substring(0,160)+'...';
-              document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML + "<li class='lunrsearchresult'><a href='" + url + "'><span class='title'>" + title + "</span></a><br/><span class='body'>"+ body +"</span><br/><span class='url'>"+ url +"</span></li>";
-            }
-        } else {
-            document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = "<li class='lunrsearchresult'>No results found...</li>";
-        }
-    }
-    return false;
-}
-</script>
-
-<form onSubmit="return lunr_search(document.getElementById('lunrsearch').value);">
-    <p><input type="text" class="form-control" id="lunrsearch" name="q" maxlength="255" value="" placeholder="Search via Lunr.js" autofocus /></p>
-</form>
-
-<div id="lunrsearchresults">
-    <ul></ul>
-</div>

data/_includes/top.html

@@ -1,3 +1,3 @@
 <div class="top">
-  <a href="#top"><button class="btn btn-light"><i class="fas fa-arrow-circle-up"></i></button></a>
+  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-light"><i class="fas fa-arrow-circle-up"></i></button></a>
 </div>

data/_layouts/aside.html

@@ -5,13 +5,28 @@ layout: default
 <main class="aside">
 
   <article class="aside__content">
+    <div class="aside__content__nav">
+      {% include breadcrumbs.html %}
+      {% include toc.html html=content %}
+    </div>
     {{ content }}
+
+    <div class="aside__content__nav">
+      <div class="aside__nav__explorer">
+        {% include top.html %}
+      </div>
+    </div>
+
   </article>
 
   <aside class="aside__nav">
     {% include breadcrumbs.html %}
     {% include toc.html html=content %}
-    {% include top.html %}
+
+    <div class="aside__nav__explorer">
+      {% include top.html %}
+    </div>
+
   </aside>
 
 </main>

data/_layouts/blog.html

@@ -4,24 +4,26 @@ layout: default
 
 <main class="blog">
 
-  <ol class="blog__breadcrumb">
-    <li class="blog__breadcrumb__item"><a href="/">Home</a></li>
-    <li class="blog__breadcrumb__item abreadcrumb-item--active">{{ page.title | capitalize }}</li>
+  <div class="blog__content">
+
+  <ol class="blog__content__breadcrumb">
+    <li class="blog__content__breadcrumb__item"><a href="/">Home</a></li>
+    <li class="blog__content__breadcrumb__item--active">{{ page.title | capitalize }}</li>
   </ol>
 
-  <section class="blog__entries">
+  <section class="blog__content__entries">
       {%- if site.posts.size > 0 -%}
-      <div class="blog__entries__card">
+      <div class="blog__content__entries__card">
         {%- for post in paginator.posts -%}
-        <div class="blog__entries__card__item">
+        <div class="blog__content__entries__card__item">
             {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
             {%- if post.image -%}
-            <a href="{{ post.url | relative_url }}"><img class="blog__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
+            <a href="{{ post.url | relative_url }}"><img class="blog__content__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
             {%- endif -%}
-            <a href="{{ post.url | relative_url }}"><h4 class="blog__entries__card__item__title">{{ post.title | escape }}</h4></a>
-            <p class="blog__entries__card__item__date">{{ post.date | date: date_format }}</p>
+            <a href="{{ post.url | relative_url }}"><h4 class="blog__content__entries__card__item__title">{{ post.title | escape }}</h4></a>
+            <p class="blog__content__entries__card__item__date">{{ post.date | date: date_format }}</p>
             {%- if site.show_excerpts -%}
-            <p class="blog__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
+            <p class="blog__content__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
             {%- endif -%}
           </div>
         {% endfor %}
@@ -29,27 +31,8 @@ layout: default
       {%- endif -%}
   </section>
 
-  {% if paginator.total_pages > 1 %}
-  <nav class="blog__navbar">
-    {% if paginator.previous_page %}
-    <div class="blog__navbar__newer">
-    {% else %}
-    <div class="blog__navbar__newer--disabled">
-    {% endif %}
-    <a href="{{ paginator.previous_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Newer Posts"><i class="fas fa-arrow-left"></i></button></a>
-    </div>
-    <div class="blog__navbar__feeds">
-      <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
-    </div>
-    {% if paginator.next_page %}
-    <div class="blog__navbar__older">
-    {% else %}
-    <div class="blog__navbar__older--disabled">
-    {% endif %}
-    <a href="{{ paginator.next_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Older Posts"><i class="fas fa-arrow-right"></i></button></a>
-    </div>
+  {% include post-nav-explorer.html %}
+
   </div>
-  {% endif %}
-  </nav>
 
 </main>