From 117bf0467c40ab0b15e55d0437f5a72a5f99aec9 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Tue, 14 May 2024 02:03:20 +0200
Subject: [PATCH] feat: new archives; show only 10 recent at home

---
 _config.yml           |  9 +++++++++
 _layouts/archive.html | 14 ++++++++++++++
 _layouts/home.html    |  8 ++++++--
 archives.html         | 19 +++++++++++++++++++
 4 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 _layouts/archive.html
 create mode 100644 archives.html

diff --git a/_config.yml b/_config.yml
index 5747617..417f40e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -48,6 +48,8 @@ defaults:
 navigation:
   - text: Home
     url: /
+  - text: "Archives"
+    url: /archives/
   - text: "All Topics"
     url: /categories/
   - text: "About"
@@ -150,3 +152,10 @@ prose:
 #   - vendor/cache/
 #   - vendor/gems/
 #   - vendor/ruby/
+
+jekyll-archives:
+    enabled:
+      - year
+    layout: archive
+    permalinks:
+      year: 'archives/:year/'
diff --git a/_layouts/archive.html b/_layouts/archive.html
new file mode 100644
index 0000000..eaf91e9
--- /dev/null
+++ b/_layouts/archive.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+
+<h1>Archive of posts from {{ page.date | date: "%Y" }}</h1>
+
+<ul class="posts">
+{% for post in page.posts %}
+  <li>
+    <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+    <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
+  </li>
+{% endfor %}
+</ul>
diff --git a/_layouts/home.html b/_layouts/home.html
index 0c2cfce..1e1a22f 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -4,10 +4,14 @@ layout: default
 
 <div class="blog-home">
   <!-- {% include message.html %} -->
-
   {% if site.posts.size > 0 %}
   <ul class="blog-home__list-items">
-    {% for post in site.posts %} {% include post-item.html %} {% endfor %}
+    {% for post in site.posts limit:10 %} 
+      {% include post-item.html %}
+    {% endfor %}
   </ul>
   {% endif %}
+  <p>
+    <strong>See more at <a href="/archives">the archives</a>.</strong>
+  </p>
 </div>
diff --git a/archives.html b/archives.html
new file mode 100644
index 0000000..75555c2
--- /dev/null
+++ b/archives.html
@@ -0,0 +1,19 @@
+---
+layout: category
+category-name: entertainment
+title: Entertainment Posts
+permalink: /entertainment/
+---
+
+<h1>Entertainment Posts</h1>
+
+<div class="blog-home">
+  {% if site.categories.entertainment.size > 0 %}
+  <ul class="blog-home__list-items">
+    {% for post in site.categories.entertainment %}{% include post-item.html %}
+    {% endfor %}
+  </ul>
+  {% else %}
+  <span>No posts to show.</span>
+  {% endif %}
+</div>