Add a projects tab.

_config.yml

@@ -31,7 +31,24 @@ social:
     - https://github.com/jrpotter
 
 # ========================================
-# Markdown
+# Projects
+# ========================================
+
+projects:
+  -
+   title: Homesync
+   url: https://github.com/jrpotter/homesync
+   version: v0.1.0-alpha
+   description: |
+     Homesync provides a way of automatically syncing files across your
+     desktop to a <code>git</code> repository. By registering files with
+     homesync, upstream and downstream syncing can be done as requested,
+     without any manual need to twiddle files and copy them into a local
+     git repository. Separately, a daemon service exists that watches for
+     changes as they happen.
+
+# ========================================
+# Other
 # ========================================
 
 kramdown:

_layouts/projects.html

@@ -0,0 +1,36 @@
+---
+layout: page
+---
+
+{% include lang.html %}
+
+<div id="project-list">
+
+{% for project in site.projects %}
+
+  <div class="project post-preview">
+    <h1>
+      <a href="{{ project.url }}">{{ project.title }}</a>
+    </h1>
+    <div class="project-content">
+      <p>{{ project.description }}</p>
+    </div>
+    <div class="project-meta">
+      <div class="mr-auto">
+        <span>
+          <i class="fab fa-github"></i>
+          <a href="{{ project.url }}">View on Github</a>
+        </span>
+        <span>
+          <i class="far fa-window-restore"></i>
+          <a href="{{ project.url }}/releases/tag/{{ project.version }}">
+            {{ project.version }}
+          </a>
+        </span>
+      </div>
+    </div>
+  </div>
+
+{% endfor %}
+
+</div> <!-- #project-list -->

_tabs/archives.md

@@ -2,6 +2,6 @@
 layout: archives
 title: Archives
 icon: fas fa-archive
-order: 3
+order: 4
 ---
 

_tabs/categories.md

@@ -2,5 +2,5 @@
 layout: categories
 title: Categories
 icon: fas fa-stream
-order: 1
+order: 2
 ---

_tabs/projects.md

@@ -0,0 +1,6 @@
+---
+layout: projects
+title: Projects
+icon: fas fa-project-diagram
+order: 1
+---

_tabs/tags.md

@@ -2,5 +2,5 @@
 layout: tags
 title: Tags
 icon: fas fa-tag
-order: 2
+order: 3
 ---

assets/css/style.scss

@@ -18,3 +18,46 @@ $tab-count: {{ site.tabs | size | plus: 1 }}; // plus 1 for home tab
 #post-list .post-preview .post-content > p {
   -webkit-line-clamp: 4;
 }
+
+#project-list {
+  padding-right: 0;
+  margin-top: 1.5rem;
+
+  .project {
+    padding-top: 1.4rem;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--main-border-color);
+  }
+
+  h1 {
+    font-size: 1.4rem;
+    margin: 0;
+  }
+
+  .project-content {
+    margin-top: 0.6rem;
+    margin-bottom: 0.6rem;
+    color: var(--post-list-text-color);
+    font-size: 1.08rem;
+    line-height: 1.8;
+    word-wrap: break-word;
+  }
+
+  .project-meta {
+    font-size: 0.85rem;
+    word-spacing: 1px;
+    display: flex;
+
+    .mr-auto {
+      margin-right: auto;
+    }
+
+    span:not(:last-child) {
+      margin-right: 1.2rem;
+    }
+
+    a {
+      color: #6c757d;
+    }
+  }
+}