---
import "../../styles/style.css";

import BaseLayout from "../../layouts/BaseLayout.astro";
import ContentPost from "../../components/ContentPost.astro";

const allPosts = await Astro.glob("./*.mdx");

const pageTitle = "Articles";
const titleColor = "hotpink";
---

<BaseLayout pageTitle={pageTitle} titleColor={titleColor}>
	<ul>
		{
			allPosts.map((post) => (
				<li>
					<ContentPost url={post.url} title={post.frontmatter.title} />
				</li>
			))
		}
	</ul>
</BaseLayout>