From ed017b6d2fec1c0484ae6bf05bae54d08fbe55e6 Mon Sep 17 00:00:00 2001
From: Joshua Potter <jrpotter2112@gmail.com>
Date: Wed, 12 Jan 2022 06:13:56 -0500
Subject: [PATCH] Add a projects tab.

---
 _config.yml            | 19 ++++++++++++++++++-
 _layouts/projects.html | 36 +++++++++++++++++++++++++++++++++++
 _tabs/archives.md      |  2 +-
 _tabs/categories.md    |  2 +-
 _tabs/projects.md      |  6 ++++++
 _tabs/tags.md          |  2 +-
 assets/css/style.scss  | 43 ++++++++++++++++++++++++++++++++++++++++++
 7 files changed, 106 insertions(+), 4 deletions(-)
 create mode 100644 _layouts/projects.html
 create mode 100644 _tabs/projects.md

diff --git a/_config.yml b/_config.yml
index ed98704..579fc00 100644
--- a/_config.yml
+++ b/_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:
diff --git a/_layouts/projects.html b/_layouts/projects.html
new file mode 100644
index 0000000..7590a80
--- /dev/null
+++ b/_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 -->
diff --git a/_tabs/archives.md b/_tabs/archives.md
index f969f92..31fdb66 100644
--- a/_tabs/archives.md
+++ b/_tabs/archives.md
@@ -2,6 +2,6 @@
 layout: archives
 title: Archives
 icon: fas fa-archive
-order: 3
+order: 4
 ---
 
diff --git a/_tabs/categories.md b/_tabs/categories.md
index 3a23c29..b5aeff2 100644
--- a/_tabs/categories.md
+++ b/_tabs/categories.md
@@ -2,5 +2,5 @@
 layout: categories
 title: Categories
 icon: fas fa-stream
-order: 1
+order: 2
 ---
diff --git a/_tabs/projects.md b/_tabs/projects.md
new file mode 100644
index 0000000..823e401
--- /dev/null
+++ b/_tabs/projects.md
@@ -0,0 +1,6 @@
+---
+layout: projects
+title: Projects
+icon: fas fa-project-diagram
+order: 1
+---
diff --git a/_tabs/tags.md b/_tabs/tags.md
index 2108d24..d9b9816 100644
--- a/_tabs/tags.md
+++ b/_tabs/tags.md
@@ -2,5 +2,5 @@
 layout: tags
 title: Tags
 icon: fas fa-tag
-order: 2
+order: 3
 ---
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 3dcd6c9..ef0920b 100644
--- a/assets/css/style.scss
+++ b/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;
+    }
+  }
+}