{{template "base/head" .}}
<style>
	.page-content.home {
		max-width: 850px;
		margin: 0 auto;
	}

	.hero {
		text-align: center;
	}

	.hero .title {
		color: #2185d0;
		margin-bottom: 1.5rem;
		font-size: 3rem;
	}

	.hero p {
		font-size: 1.25rem;
	}

	@media (max-width: 768px) {
		.page-content.home {
			padding: 1rem;
		}

		.hero .title {
			font-size: 2rem;
		}

		.hero p,
		.intro-text {
			font-size: 1rem;
		}
	}
</style>

<div class="page-content home">
	<div class="ui stackable middle very relaxed page grid">
		<div class="sixteen wide aligned column">
			<div class="hero">
				<h2 class="ui header title">
					{{ AppName }}
				</h2>
				<p>
					Welcome to the Zeldon's Projects portal! This is where all the
					codebases are coordinated and managed.
				</p>
			</div>
			{{template "components/card_repos" .}}
		</div>
	</div>
</div>
{{template "base/footer" .}}