<script>
	export let data;
</script>

<svelte:head>
	<title>silentsilas - Rants</title>
	<meta property="og:title" content={'Rants'} />
</svelte:head>

<main style="display: contents" class="h-full overflow-hidden">
	<div class="container h-full mx-auto flex flex-col items-center">
		<h1 class="py-6">Rants</h1>
		<ul>
			{#each data.posts as post}
				<li class="py-4">
					<h3 class="pb-1">
						<a href={post.path}>
							{post.meta.title}
						</a>
					</h3>
					<p>Published {post.meta.date}</p>
				</li>
			{/each}
		</ul>
	</div>
</main>
