Add other posts page

index.html

@@ -31,7 +31,7 @@ <h1 class="m-0 text-center">Other Posts</h1>
 </div>
 <div class="container">
     {% for post in site.posts %}
-    {% unless post.categories contains "points" %}
+    {% unless post.categories contains "points" limit:5 %}
     <div class="row">
         <div class="col">
             <div class="card">
@@ -56,4 +56,9 @@ <h6 class="card-title">
     </div>
     {% endunless %}
     {% endfor %}
+    <div class="row mt-3">
+        <div class="col d-flex justify-content-center">
+            <a href="{{ '/posts' | relative_url }}" class="btn btn-primary">See All Posts &raquo;</a>
+        </div>
+    </div>
 </div>

posts.html

@@ -0,0 +1,32 @@
+---
+layout: page
+title: "Other Posts"
+---
+<div class="container">
+    {% for post in site.posts %}
+    {% unless post.categories contains "points"%}
+    <div class="row">
+        <div class="col">
+            <div class="card">
+                <div class="card-body">
+                    <h3 class="card-title">{{ post.title }}</h3>
+                    <h6 class="card-title">{{ post.date | date: "%B %d, %Y" }}</h6>
+                    <h6 class="card-title">
+                        Categories:
+                        <div class="d-inline-flex gap-1">
+                            {% for category in post.categories %}
+                            <span class="badge text-bg-secondary">{{ category }}</span>
+                            {% endfor %}
+                        </div>
+                    </h6>
+                    <div class="card-text">{{ post.excerpt }}</div>
+                    <a href="{{ post.url | relative_url }}" class="card-link">
+                        Read more &raquo;
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    {% endunless %}
+    {% endfor %}
+</div>