termina-plex 0.1.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: bdadc75877d3362f89cde88c7074b354554e1185aebe48854d2f81ebb4436470
+  data.tar.gz: a4b6569b6d7800bf5c62a34870b7cbc1596c8340ef3186d76c84ba7cfe1e9385
+SHA512:
+  metadata.gz: 2b24accd6886ff0d8865255c9a2b1b2258116cbf7b1fb46b429aec84ea3fe311d5909e07b4a50bbd09fd8e79093a76f2e2b99943a8808e015b5d5d1a4ad9ac35
+  data.tar.gz: ce338a38acbe50d84d220e770d8c5ef22105fafac847aa2957903b980d4db15d6b7b4265b0499d66f178091214ae5aa3f2dd6cc3fe3e49916d5e288c3e6fc086

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016-present Linh Pham, Matúš Námešný, Parker Moore and the minima contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,51 @@
+# Termina Plex
+
+Termina Plex is a [Jekyll](https://jekyllrb.com) theme that is a port of the [Nightfall](https://github.com/LordMathis/hugo-theme-nightfall) theme for [Hugo](https://gohugo.io), developed by [Matúš Námešný](https://namesny.com). This theme uses some of the foundational code provided by the [Minima](https://jekyll.github.io/minima/) theme for Jekyll.
+
+The theme is designed with a minimal default landing page and a separate page for listing available blog posts. It also features the [IBM Plex](https://ibm.com/plex) Sans and IBM Plex Mono typefaces throughout the design and includes the necessary web font files in the theme bundle.
+
+By the default, the theme respects the `prefers-color-scheme` value provided by the browser. A color scheme toggle is included in the header that allows the viewer to switch between light and dark mode. Once toggled, the value is stored in the local storage using [Web Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API).
+
+## Installation
+
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "termina-plex", git: "https://github.com/questionlp/termina-plex.git"
+```
+
+And then execute:
+
+```bash
+bundle
+```
+
+## Site Structure
+
+The main index page, `index.html` is designed to be a simple landing page with the name of the site author and a list of social links. The file uses the `index` layout.
+
+The more traditional blog post listing page is designed to be hosted under `/blog` with the `blog/index.html` using the more traditional `home` layout. The layout supports pagination, by way of the jekyll-paginate plugin, and can be configured with the `paginate` and `paginate_path` settings in `_config.yml`.
+
+For pagination to work with the post listing page hosted under `/blog`, the `paginate_path` setting should start with `/blog/`.
+
+If you want to change the path for the post listing page, the `blog_path` setting can be set to the preferred path. The `paginate_path` setting should also be updated to reflect the correct path.
+
+## Theme Configuration
+
+Theme specific configuration is done within the `termina-plex` section of the `_config.yaml` file.
+
+The date format used by the theme is defined by the `termina-plex.date_format` setting. The value needs to be in [valid `strftime` format](https://docs.ruby-lang.org/en/master/strftime_formatting_rdoc.html). The theme defaults to `%d %b %Y`.
+
+The title displayed in the header of the page with display the site title, defined by the `site.title` configuration value, if neither the `termina-plex.username` or the `termina-plex.hostname` settings are configured. When either of the settings are configured, a Bash-like prompt is built using the configured values.
+
+The links displayed in the header of the page are defined in the `termina-plex.header_links` setting. Each link is defined as an object with a `name` and a `url` key. The value of the `name` key will be transformed to lowercase via CSS.
+
+The social links displayed under the site title in the main section of the landing page are defined by the `termina-plex.social_links` setting. Each link is defined as an object with a `name` and `url` key. An optional `rel` key is available if link-based validation is required by applications like Mastodon. As with the header link names, the link names will also be transformed to lowercase via CSS.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+Both the original Nightfall and the Minina themes are licensed under the terms of the MIT License.
+
+The included IBM Plex font files are licensed under the terms of the [SIL Open Font License, Version 1.1](https://github.com/IBM/plex/blob/master/LICENSE.txt).

data/_includes/category-archive.html

@@ -0,0 +1,15 @@
+{% capture tempcats %}
+  {% for category in site.categories %}
+    {{ category[1].size | plus: 1000 }}#{{ category[0] }}#{{ category[1].size }}
+  {% endfor %}
+{% endcapture %}
+{% assign sortedtempcats = tempcats | split:" " | sort | reverse %}
+{% for tempcat in sortedtempcats %}
+  {% assign catitems = tempcat | split: '#' %}
+  {% capture catname %}{{ catitems[1] }}{% endcapture %}
+  <div class="metaCategory">
+    <h2 class="postTitle">
+      <a href="/category/{{ catname }}">{{ catname }}</a>
+    </h2>
+  </div>
+{% endfor %}

data/_includes/collect-categories.html

@@ -0,0 +1,18 @@
+{% assign rawcats = "" %}
+{% for post in site.posts %}
+  {% assign tcats = post.categories | join:'|' | append:'|' %}
+  {% assign rawcats = rawcats | append:tcats %}
+{% endfor %}
+{% assign rawcats = rawcats | split:'|' | sort %}
+
+{% assign site.categories = "" %}
+{% for category in rawcats %}
+  {% if category != "" %}
+    {% if categories == "" %}
+      {% assign categories = category | split:'|' %}
+    {% endif %}
+    {% unless categories contains category %}
+      {% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}
+    {% endunless %}
+  {% endif %}
+{% endfor %}

data/_includes/collect-tags.html

@@ -0,0 +1,18 @@
+{% assign rawtags = "" %}
+{% for post in site.posts %}
+  {% assign ttags = post.tags | join:'|' | append:'|' %}
+  {% assign rawtags = rawtags | append:ttags %}
+{% endfor %}
+{% assign rawtags = rawtags | split:'|' | sort %}
+
+{% assign site.tags = "" %}
+{% for tag in rawtags %}
+  {% if tag != "" %}
+    {% if tags == "" %}
+      {% assign tags = tag | split:'|' %}
+    {% endif %}
+    {% unless tags contains tag %}
+      {% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
+    {% endunless %}
+  {% endif %}
+{% endfor %}

data/_includes/custom-head.html

@@ -0,0 +1,17 @@
+{%- if page.title -%}
+<title>{{ site.title }} | {{ page.title }}</title>
+{%- else -%}
+<title>{{ site.title }}</title>
+{%- endif -%}
+
+{%- if site.favicon -%}
+  <link rel="icon" href="{{ site.favicon | relative_url }}">
+{%- endif -%}
+
+{%- if site.favicon_svg -%}
+  <link rel="icon" type="image/svg+xml" href="{{ site.favicon_svg | relative_url }}">
+{%- endif -%}
+
+{%- if site.apple_touch_icon -%}
+  <link rel="apple-touch-icon" href="{{ site.apple_touch_icon | relative_url }}">
+{%- endif -%}

data/_includes/footer.html

@@ -0,0 +1,6 @@
+<footer class="footer">
+  <span>
+      Copyright &copy; {{ site.time | date: "%Y" }} {{ site.author.name }}.
+      All Rights Reserved.
+  </span>
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,9 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){window.dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/head.html

@@ -0,0 +1,13 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo title=false -%}
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+  {%- include custom-head.html -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,68 @@
+<header class="headerWrapper">
+  <div class="header">
+    <div>
+      <a class="terminal" href="{{ '/' | relative_url }}">
+        {%- if site.termina-plex.username and site.termina-plex.hostname -%}
+        <span class="terminalUser">{{ site.termina-plex.username }}</span><span class="terminalAt">@</span><span class="terminalHost">{{ site.termina-plex.hostname }}</span>:<span class="terminalPath">~</span>$</span>
+        {%- elsif site.termina-plex.username -%}
+        <span class="terminalUser">{{ site.termina-plex.username}}</span>:<span class="terminalPath">~</span>$</span>
+        {%- elsif site.termina-plex.hostname -%}
+        <span class="terminalHost">{{ site.termina-plex.hostname }}</span>:<span class="terminalPath">~</span>$</span>
+        {%- else %}
+        <span>{{ site.title }}</span>
+        {%- endif -%}
+      </a>
+    </div>
+    <input class="side-menu" type="checkbox" id="side-menu">
+    <label class="hamb" for="side-menu"><span class="hamb-line"></span><span class="hamb-line-text visually-hidden">Menu</span></label>
+    <nav class="headerLinks">
+        <ul>
+            {%- for link in site.termina-plex.header_links %}
+            <li>
+                <a href="{{ link.url | relative_url }}" title="{{ link.name }}" >
+                    ~/{{ link.name }}
+                </a>
+            </li>
+            {%- endfor -%}
+            <li>
+                {%- include theme-toggle.html -%}
+            </li>
+        </ul>
+    </nav>
+  </div>
+</header>
+
+
+{% comment %}
+<header class="site-header">
+
+  <div class="wrapper">
+    {%- assign default_paths = site.pages | map: "path" -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+    {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
+    <a class="site-title" rel="author" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>
+
+    {%- if titles_size > 0 -%}
+      <nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger">
+          {%- for path in page_paths -%}
+            {%- assign my_page = site.pages | where: "path", path | first -%}
+            {%- if my_page.title -%}
+            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+            {%- endif -%}
+          {%- endfor -%}
+        </div>
+      </nav>
+    {%- endif -%}
+  </div>
+</header>
+{% endcomment %}

data/_includes/tag-archive.html

@@ -0,0 +1,15 @@
+{% capture temptags %}
+  {% for tag in site.tags %}
+    {{ tag[1].size | plus: 1000 }}#{{ tag[0] }}#{{ tag[1].size }}
+  {% endfor %}
+{% endcapture %}
+{% assign sortedtemptags = temptags | split:" " | sort | reverse %}
+{% for temptag in sortedtemptags %}
+  {% assign tagitems = temptag | split: '#' %}
+  {% capture tagname %}{{ tagitems[1] }}{% endcapture %}
+  <div class="metaTag">
+    <h2 class="postTitle">
+      <a href="/tag/{{ tagname }}">{{ tagname }}</a>
+    </h2>
+  </div>
+{% endfor %}

data/_includes/theme-toggle.html

@@ -0,0 +1,25 @@
+<div id="theme-toggle">
+  <div data-theme-controls>
+    <div class="color-scheme-status visually-hidden" role="status"></div>
+    <button class="color-scheme-toggle" title="Light and dark mode toggle">
+      <svg class="icon light" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 256 256">
+        <rect width="256" height="256" fill="none"></rect>
+        <line x1="92.8" y1="59" x2="85.1" y2="40.5" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="43" y1="108.8" x2="24.5" y2="101.1" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="213" y1="108.8" x2="231.5" y2="101.1" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="163.2" y1="59" x2="170.9" y2="40.5" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="240" y1="160" x2="16" y2="160" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="208" y1="200" x2="48" y2="200" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <path d="M70.2,160a60,60,0,1,1,115.6,0" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></path>
+      </svg>
+      <svg class="icon dark" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 256 256">
+        <rect width="256" height="256" fill="none"></rect>
+        <line x1="216" y1="112" x2="216" y2="64" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="240" y1="88" x2="192" y2="88" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="168" y1="24" x2="168" y2="56" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <line x1="184" y1="40" x2="152" y2="40" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></line>
+        <path d="M216.7,152.6A91.9,91.9,0,0,1,103.4,39.3h0A92,92,0,1,0,216.7,152.6Z" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="22"></path>
+      </svg>
+    </button>
+  </div>
+</div>

data/_layouts/base.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+  {%- include head.html -%}
+
+  <body>
+    <div class="flexWrapper">
+      {%- include header.html -%}
+
+      <div class="content">
+        <main class="main" aria-label="Content">
+            {{- content -}}
+        </main>
+      </div>
+
+      {%- include footer.html -%}
+    </div>
+
+    <script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
+  </body>
+</html>

data/_layouts/category.html

@@ -0,0 +1,25 @@
+---
+layout: base
+---
+{%- assign date_format = site.termina-plex.date_format | default: "%d %b %Y" -%}
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>Category: {{ page.category }}</h1>
+  </header>
+
+  <div class="postsEntries">
+  {%- if site.categories[page.category] -%}
+    {%- for post in site.categories[page.category] %}
+    <div class="postInfo">
+      <h2 class="postTitle">
+        <a class="postListLink" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      </h2>
+      {%- if post.date -%}
+      <time class="postDate" datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: date_format }}</time>
+      {%- endif -%}
+    </div>
+    {%- endfor -%}
+  {%- endif -%}
+  </div>
+</article>

data/_layouts/home.html

@@ -0,0 +1,70 @@
+---
+layout: base
+---
+{%- if site.paginate -%}
+    {%- assign posts = paginator.posts -%}
+  {%- else -%}
+    {%- assign posts = site.posts -%}
+{% endif %}
+{%- assign date_format = site.termina-plex.date_format | default: "%d %b %Y" -%}
+{%- assign blog_path = site.blog_path | default: "/blog" %}
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>Blog Posts</h1>
+  </header>
+
+  {%- if posts.size > 0 -%}
+  <div class="postsEntries">
+    {%- for post in posts -%}
+    <div class="postInfo">
+      <h2 class="postTitle">
+        <a class="postListLink" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      </h2>
+      {%- if post.date -%}
+      <time class="postDate" datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: date_format }}</time>
+      {%- endif -%}
+      {%- if site.show_excerpts -%}
+      <div class="postExcerpt">
+        {{ post.excerpt }}
+      </div>
+        {%- if post.content.size > post.excerpt.size -%}
+        <div>
+          <a href="{{ post.url | relative_url }}">(Read more...)</a>
+        </div>
+        {%- endif -%}
+      {%- endif -%}
+    </div>
+    {%- endfor -%}
+  </div>
+  {%- endif -%}
+</article>
+<div class="clear"></div>
+
+{% if site.paginate and paginator.total_pages > 1 %}
+<div class="pagination">
+  <ul class="paginationPages">
+  {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+      <li>
+        <div>
+          <span>{{ page }}</span>
+        </div>
+      </li>
+    {% elsif page == 1 %}
+      <li>
+        <div class="pageLinkActive">
+          <a href="{{ blog_path | relative_url }}">{{ page }}</a>
+        </div>
+      </li>
+    {% else %}
+      <li>
+        <div class="pageLinkActive">
+          <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
+        </div>
+      </li>
+    {% endif %}
+  {% endfor %}
+  </ul>
+</div>
+{%- endif %}

data/_layouts/index.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+  {%- include head.html -%}
+
+  <body>
+    <div class="flexWrapper">
+      {%- include header.html -%}
+
+      <div class="content vertical">
+        <main class="main">
+          <div class="indexWrapper">
+            <div>
+              <h1 class="indexHeader">{{ site.author.name }}</h1>
+            </div>
+            {%- if site.termina-plex.social_links -%}
+            <div class="socialNavbar">
+              <ul>
+                {%- for link in site.termina-plex.social_links -%}
+                  {%- if link.rel -%}
+                  <li>
+                    <a href="{{ link.url }}" rel="{{ link.rel }}">{{ link.name }}</a>
+                  </li>
+                  {%- else -%}
+                  <li>
+                    <a href="{{ link.url }}">{{ link.name }}</a>
+                  </li>
+                  {%- endif -%}
+                {%- endfor -%}
+              </ul>
+            </div>
+            {%- endif -%}
+          </div>
+        </main>
+      </div>
+
+      {%- include footer.html -%}
+    </div>
+
+    <script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
+  </body>
+</html>

data/_layouts/meta.html

@@ -0,0 +1,15 @@
+---
+layout: base
+---
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="postsEntries">
+    <div class="postInfo">
+      {{ content }}
+    </div>
+  </div>
+</article>

data/_layouts/page.html

@@ -0,0 +1,13 @@
+---
+layout: base
+---
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="postContent">
+    {{ content}}
+  </div>
+</article>

data/_layouts/post.html

@@ -0,0 +1,65 @@
+---
+layout: base
+---
+{%- assign date_format = site.termina-plex.date_format | default: "%d %b %Y" -%}
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>{{ page.title | escape }}</h1>
+  </header>
+
+  <section class="postMetadata">
+    <dl>
+      {%- if page.author and page.author.size > 0 -%}
+      <dt>authors</dt>
+      <dd>
+        {{- page.author | join: ", " -}}
+      </dd>
+      {%- endif -%}
+      {%- if page.date -%}
+      <dt>published</dt>
+      <dd>
+        <time class="postDate" datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date: date_format }}</time>
+      </dd>
+      {%- endif -%}
+      {%- if page.categories and page.categories.size > 0 -%}
+      <dt>categories</dt>
+      <dd>
+        {%- for category in page.categories -%}
+          {%- capture category_name -%}{{ category }}{%- endcapture -%}
+          <a href="{{ site.baseurl | append:'/category/' | append:category_name }}">#{{ category }}</a>&nbsp;
+        {%- endfor -%}
+      </dd>
+      {%- endif -%}
+      {%- if page.tags and page.tags.size > 0 -%}
+      <dt>tags</dt>
+      <dd>
+        {%- for tag in page.tags -%}
+          {%- capture tag_name -%}{{ tag }}{%- endcapture -%}
+          <a href="{{ site.baseurl | append:'/tag/' | append:tag_name }}">#{{ tag }}</a>&nbsp;
+        {%- endfor -%}
+      </dd>
+      {%- endif -%}
+    </dl>
+  </section>
+
+  <div>
+    {{ content }}
+  </div>
+</article>
+
+{%- if page.previous or page.next -%}
+<div class="pageNavFooter">
+  {%- if page.previous -%}
+  <div class="pagePrevious">
+    <a href="{{ page.previous.url | relative_url }}">{{ page.previous.title }}</a>
+  </div>
+  {%- endif -%}
+
+  {%- if page.next -%}
+  <div class="pageNext">
+    <a href="{{ page.next.url | relative_url }}">{{ page.next.title }}</a>
+  </div>
+  {%- endif -%}
+</div>
+{%- endif -%}

data/_layouts/tag.html

@@ -0,0 +1,25 @@
+---
+layout: base
+---
+{%- assign date_format = site.termina-plex.date_format | default: "%d %b %Y" -%}
+
+<article class="postWrapper">
+  <header class="postHeader">
+    <h1>Tag: {{ page.tag }}</h1>
+  </header>
+
+  <div class="postsEntries">
+  {%- if site.tags[page.tag] -%}
+    {%- for post in site.tags[page.tag] %}
+    <div class="postInfo">
+      <h2 class="postTitle">
+        <a class="postListLink" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      </h2>
+      {%- if post.date -%}
+      <time class="postDate" datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: date_format }}</time>
+      {%- endif -%}
+    </div>
+    {%- endfor -%}
+  {%- endif -%}
+  </div>
+</article>

data/_sass/termina-plex/highlight.scss

@@ -0,0 +1,64 @@
+@charset "utf-8";
+
+// Code Highlighting
+.highlight {
+  .c     { color: var(--highlight-c); font-style: italic } // Comment
+  .err   { color: var(--highlight-err); background-color: var(--highlight-err-bg) } // Error
+  .k     { color: var(--highlight-k); font-weight: bold } // Keyword
+  .o     { color: var(--highlight-o); font-weight: bold } // Operator
+  .cm    { color: var(--highlight-cm); font-style: italic } // Comment.Multiline
+  .cp    { color: var(--highlight-cp); font-weight: bold } // Comment.Preproc
+  .c1    { color: var(--highlight-c1); font-style: italic } // Comment.Single
+  .cs    { color: var(--highlight-cs); font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: var(--highlight-gd); background-color: var(--highlight-gd-bg) } // Generic.Deleted
+  .gd .x { color: var(--highlight-gd-x); background-color: var(--highlight-gd-x-bg) } // Generic.Deleted.Specific
+  .ge    { color: var(--highlight-ge); font-style: italic } // Generic.Emph
+  .gr    { color: var(--highlight-gr) } // Generic.Error
+  .gh    { color: var(--highlight-gh) } // Generic.Heading
+  .gi    { color: var(--highlight-gi); background-color: var(--highlight-gi-bg) } // Generic.Inserted
+  .gi .x { color: var(--highlight-gi-x); background-color: var(--highlight-gi-x-bg) } // Generic.Inserted.Specific
+  .go    { color: var(--highlight-go) } // Generic.Output
+  .gp    { color: var(--highlight-gp) } // Generic.Prompt
+  .gs    { color: var(--highlight-gs); font-weight: bold } // Generic.Strong
+  .gu    { color: var(--highlight-gu) } // Generic.Subheading
+  .gt    { color: var(--highlight-gt) } // Generic.Traceback
+  .kc    { color: var(--highlight-kc); font-weight: bold } // Keyword.Constant
+  .kd    { color: var(--highlight-kd); font-weight: bold } // Keyword.Declaration
+  .kp    { color: var(--highlight-kp); font-weight: bold } // Keyword.Pseudo
+  .kr    { color: var(--highlight-kr); font-weight: bold } // Keyword.Reserved
+  .kt    { color: var(--highlight-kt); font-weight: bold } // Keyword.Type
+  .m     { color: var(--highlight-m); } // Literal.Number
+  .s     { color: var(--highlight-s) } // Literal.String
+  .na    { color: var(--highlight-na) } // Name.Attribute
+  .nb    { color: var(--highlight-nb) } // Name.Builtin
+  .nc    { color: var(--highlight-nc); font-weight: bold } // Name.Class
+  .no    { color: var(--highlight-no) } // Name.Constant
+  .ni    { color: var(--highlight-ni); } // Name.Entity
+  .ne    { color: var(--highlight-ne); font-weight: bold } // Name.Exception
+  .nf    { color: var(--highlight-nf); font-weight: bold } // Name.Function
+  .nn    { color: var(--highlight-nn); } // Name.Namespace
+  .nt    { color: var(--highlight-nt) } // Name.Tag
+  .nv    { color: var(--highlight-nv) } // Name.Variable
+  .ow    { color: var(--highlight-ow); font-weight: bold } // Operator.Word
+  .w     { color: var(--highlight-w) } // Text.Whitespace
+  .mf    { color: var(--highlight-mf) } // Literal.Number.Float
+  .mh    { color: var(--highlight-mh) } // Literal.Number.Hex
+  .mi    { color: var(--highlight-mi) } // Literal.Number.Integer
+  .mo    { color: var(--highlight-mo) } // Literal.Number.Oct
+  .sb    { color: var(--highlight-sb) } // Literal.String.Backtick
+  .sc    { color: var(--highlight-sc) } // Literal.String.Char
+  .sd    { color: var(--highlight-sd) } // Literal.String.Doc
+  .s2    { color: var(--highlight-s2) } // Literal.String.Double
+  .se    { color: var(--highlight-se) } // Literal.String.Escape
+  .sh    { color: var(--highlight-sh) } // Literal.String.Heredoc
+  .si    { color: var(--highlight-si) } // Literal.String.Interpol
+  .sx    { color: var(--highlight-sx) } // Literal.String.Other
+  .sr    { color: var(--highlight-sr) } // Literal.String.Regex
+  .s1    { color: var(--highlight-s1) } // Literal.String.Single
+  .ss    { color: var(--highlight-ss) } // Literal.String.Symbol
+  .bp    { color: var(--highlight-bp) } // Name.Builtin.Pseudo
+  .vc    { color: var(--highlight-vc) } // Name.Variable.Class
+  .vg    { color: var(--highlight-vg) } // Name.Variable.Global
+  .vi    { color: var(--highlight-vi) } // Name.Variable.Instance
+  .il    { color: var(--highlight-il) } // Literal.Number.Integer.Long
+}