<script lang="ts">
	import Card from '$lib/components/Card.svelte';
	import type { PageData } from './$types';

	export let data: PageData;
</script>

<svelte:head>
	<title>SHS</title>
	<meta name="description" content="SHS" />
</svelte:head>

<div>
	<h1>SHS</h1>

	<p>This is a page for SHS.</p>

	<hr />

	<section class="card_list">
		{#each data.data as { title, description, path, date, tags }}
			<Card data={{ title, description, path, date, tags }} />
		{/each}
	</section>
</div>

<style>
	.card_list {
		display: grid;
		grid-template-columns: repeat(auto-fit);
	}
</style>
