<script lang="ts">
	import type { Project } from './types';
	import Logos from '$lib/language-logos/Logos.svelte';

	export let project: Project;
</script>

<article>
	<a href="/posts/tag/{project.tag}"><h1>{project.name}</h1></a>
	<Logos langs={project.lang || []} plats={project.plat || []} />
	<p>{project.summary}</p>
</article>

<style>
	article {
		height: auto;
		width: 100%;
		margin: auto;
	}

	h1 {
		margin-left: 10px;
		margin-right: 10px;
	}

	p {
		margin-left: 10px;
		margin-right: 10px;
	}
</style>
