custom homapage

src/routes/projects/+page.svelte

@@ -0,0 +1,30 @@
+<script>
+	import Card from '$lib/components/Card.svelte';
+	import { projects } from './+page';
+</script>
+
+<svelte:head>
+	<title>Projects</title>
+	<meta name="description" content="projects" />
+</svelte:head>
+
+<div>
+	<h1>Projects</h1>
+
+	<p>This is the page where all projects will live.</p>
+
+	<hr />
+
+	<section class="card_list">
+		{#each projects as { title }}
+			<Card {title} />
+		{/each}
+	</section>
+</div>
+
+<style>
+	.card_list {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+	}
+</style>