<script lang="ts">
	import TerminalTUI from '$lib/components/TerminalTUI.svelte';
	import { user, pageMeta } from '$lib/config';
	import { getPageSpeedMultiplier, getPageAutoscroll } from '$lib';
	import { lines } from '$lib/pages/hackathons';

	const speed = getPageSpeedMultiplier('hackathons');
	const autoscroll = getPageAutoscroll('hackathons');
	const meta = pageMeta['/projects/hackathons'];
</script>

<svelte:head>
	<title>{meta?.title ?? `${user.displayname} — Hackathons`}</title>
	<meta name="description" content={meta?.description ?? 'Hackathon projects and awards'} />
</svelte:head>

<div class="hackathons-container">
	<TerminalTUI {lines} title="~/projects/hackathons" interactive={true} {speed} {autoscroll} />
</div>

<style>
	.hackathons-container {
		padding: 0;
		min-height: calc(100vh - 60px);
	}
</style>
