<script lang="ts">
	import { Column, Grid, Link, Row } from "carbon-components-svelte";
</script>

<Grid>
	<Row>
		<Column>
			<h1>Game Algorithms</h1>
			<img
				class="link"
				alt="CI badge"
				src="https://woodpecker.koval.net/api/badges/cyclane/game-algorithms/status.svg"
				on:click={() => window.location.href = "https://woodpecker.koval.net/cyclane/game-algorithms"}
			/>

			<p>
				This is a learning project for various board-game alogrithms.
			</p>
			<p>
				Visit the <Link inline href="https://git.koval.net/cyclane/game-algorithms">Git repo</Link> for source code.
			</p>
		</Column>
	</Row>
</Grid>

<style>
	h1 {
		margin-bottom: var(--cds-layout-01);
	}
	p {
		margin-top: var(--cds-layout-01);
		margin-bottom: var(--cds-layout-01);
	}
	.link {
		cursor: pointer;
	}
</style>
