---
import { SITE_TITLE } from '@ptypes/consts.ts';
import HeaderLink from '@components/HeaderLink.astro';
import '@styles/indexHoverCss.css';
import { getCollection } from 'astro:content';

const personalPosts = (await getCollection('personal')).sort(
	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
);
const uniPosts = (await getCollection('uni')).sort(
	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
);
---
<!DOCTYPE html>
<html>
	<head>
		<style>
		</style>
	</head>
	<body>
			<nav>
				<h2><a href="/">{SITE_TITLE}</a></h2>
				<ul>
					<h4>Personal</h4>
					{
					personalPosts.map((post) => (
					<li>
						<HeaderLink href={`/blog/personal/${post.id}/`}>{post.data.title}</HeaderLink>
					</li>
					))
					}
					<hr>
					<h4>University</h4>
					<h6>(Group Projects)</h6>
					{
					uniPosts.map((post) => (
					<li>
						<HeaderLink href={`/blog/university/${post.id}/`}>{post.data.title}</HeaderLink>
					</li>
					))
					}
				</ul>
				</div>
			</nav>
	</body>
</html>
