<script lang="ts">
	import Logos from '$lib/language-logos/Logos.svelte';
	import EmptyCard from './EmptyCard.svelte';

	export let project;
</script>

<a href="/posts/tag/{project.name.toLowerCase()}">
	<EmptyCard>
		<h1>{project.name}</h1>
		<Logos langs={project.langs} plats={project.plats} />
		<p>{project.description}</p>
	</EmptyCard>
</a>

<style>
	a {
		text-decoration: none;
		color: var(--dark-text-color);
	}
</style>
