---
import Base from "../../layout/Base.astro";

import { getCollection } from "astro:content";

const posts = (await getCollection("blog"))
    .filter(
        (entry) => !entry.data.wip || process.env.NODE_ENV === "development"
    )
    .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---

<Base title="ruthenic.com: Blog">
    <h1>Blog</h1>
    <div>
        {
            posts.map((post) => {
                return (
                    <a href={`blog/${post.slug}`}>
                        <div
                            class="main-content"
                            style="margin-bottom: 10px; font-size: 125%;"
                        >
                            <div>
                                <b>{post.data.title}</b> -{" "}
                                {post.data.pubDate.toDateString()}
                                <br />
                            </div>
                            <i>{post.data.description}</i>
                        </div>
                    </a>
                );
            })
        }
    </div>
</Base>