From ffa664a7d169d3f683a1c9c309c62b376a45a462 Mon Sep 17 00:00:00 2001
From: Ramon Ayco Jr <ramon.aycojr@infor.com>
Date: Mon, 4 Oct 2021 10:07:40 +0800
Subject: [PATCH] add "personal" category page

---
 _config.yml   |  4 ++--
 personal.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 2 deletions(-)
 create mode 100644 personal.html

diff --git a/_config.yml b/_config.yml
index 7517dda..af6dd88 100644
--- a/_config.yml
+++ b/_config.yml
@@ -96,7 +96,7 @@ prose:
           element: text
           label: category
           type: text
-          placeholder: productivity | entertaining | motivational | technology
+          placeholder: personal | productivity | entertaining | motivational | technology
     _drafts:
       - name: "published"
         field:
@@ -138,7 +138,7 @@ prose:
           element: text
           label: category
           type: text
-          placeholder: productivity | entertaining | motivational | technology
+          placeholder: personal | productivity | entertaining | motivational | technology
 # Exclude from processing.
 # The following items will not be processed, by default. Create a custom list
 # to override the default setting.
diff --git a/personal.html b/personal.html
new file mode 100644
index 0000000..e9b116a
--- /dev/null
+++ b/personal.html
@@ -0,0 +1,56 @@
+---
+layout: category
+category-name: personal
+---
+
+<h1>Personal Posts</h1>
+
+<div class="blog-home">
+  {% if site.categories.personal.size > 0 %}
+  <ul class="blog-home__list-items">
+    {% for post in site.categories.personal %}
+    <li class="blog-home__list-items__item">
+      <div class="blog-home__list-items__item__header">
+        <div>
+          <h3 class="blog-home__list-items__item__header__title">
+            <a href="{{ post.url | relative_url }}"
+              >{{ post.title | escape }}</a
+            >
+          </h3>
+        </div>
+        <div class="blog-home__list-items__item__header__description">
+          <span>{{post.description}}</span>
+        </div>
+      </div>
+      <div class="blog-home__list-items__item__excerpt">
+        {% if post.image %}
+        <a href="{{post.url | relative_url}}"
+          ><img
+            class="blog-home__list-items__item__excerpt__thumb"
+            alt="{{ post.description | escape }}"
+            title="{{ post.description | escape }}"
+            src="../assets/images/{{ post.image }}.jpg"
+        /></a>
+        {% else %}
+        <a href="{{post.url | relative_url}}"
+          ><img
+            class="blog-home__list-items__item__excerpt__thumb"
+            alt="{{ post.description | escape }}"
+            title="{{ post.description | escape }}"
+            src="../assets/images/hello-world.jpg"
+        /></a>
+
+        {% endif %} {{ post.excerpt }}
+      </div>
+      <div class="blog-home__list-items__item__readmore">
+        <a href="{{ post.url | relative_url }}" class="button"
+          >Continue Reading</a
+        >
+      </div>
+    </li>
+    {% endfor %}
+  </ul>
+  {% else %}
+  <span>No posts to show.</span>
+  {% endif %}
+</div>