feat: finish index page

src/index.html

@@ -3,6 +3,7 @@ layout: "layouts/base"
 permalink: /
 ---
 
+{% from "macros/posts.njk" import list %}
 <h1>Ahoj!</h1>
 <p>Hello! My name is Devin.</p>
 <p>I'm a creative developer who specializes in web and mobile development.</p>
@@ -13,15 +14,9 @@ permalink: /
     If you're interested, I have an <a href="/about">about page</a> all about me!
 </p>
 <h2>Favourite posts</h2>
+<p>Hand-picked, curated selection of my favourite posts!</p>
+{% set favouritePosts = collections.post | filterFavourites | reverse %}
+{{ list(favouritePosts) }}
 <h2>Recent posts</h2>
-<ul class="[ list-none p-0 flow mt-1 mb-0 ]"
-    style="--flow-space: 0.25rem">
-    {% for item in collections.post | reverse | limit(5) %}
-        <li class="[ flex flex-wrap column-gap-0.5 row-gap-0 ]">
-            <div>
-                <a href="{{ item.url }}">{{ item.data.title }}</a>
-            </div>
-            <div class="[ text-fadeText ]" style="font-size: 0.8rem">{{ item.data.date | formatDate("MM/DD/YYYY") }}</div>
-        </li>
-    {% endfor %}
-</ul>
+{% set recentPosts = collections.post | reverse | limit(5) %}
+{{ list(recentPosts) }}