src/posts/index.njk


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

---
layout: base.njk
eleventyExcludeFromCollections: true
title: Posts
---
<h2 class="text-2xl font-bold  text-darkish-300 p-2">Published Posts</h2>
<div class="post-lists mt-2">
    {% for post in collections.posts | reverse %}
        <div class="post-data">
            <div class="post-date p-2 bg-darkish-100 text-lightish-50 shadow-[5px_5px_0px_0px_rgba(0,0,0,255)]">
                {{post.date | dateFilter}}
            </div>
            <div class="post-title m-4 text-lightish-300 hover:text-darkish-300">
                <a href="{{post.url}}"> {{post.data.title}}</a>
            </div>
        </div>
    {% else %}
        <div class="text-center flex justify-center text-lightish-300">
            <span>No Posts </span>
            <span class="pl-2">¯\_(ツ)_/¯</span>
        </div>
    {% endfor %}
    
</div>