{{template "base/head" .}}
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home"}}{{end}}" class="page-content home">
	<div class="tw-mb-8 tw-px-8">
		<div class="center">
			<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{ctx.Locale.Tr "logo"}}">
			<div class="hero">
				<h1 class="ui icon header title">
					{{AppDisplayName}}
				</h1>
				<h2>A very painful Git service</h2>
			</div>
		</div>
	</div>
	<div class="ui stackable middle very relaxed page grid">
		<div class="eight wide center column">
			<h1 class="hero ui icon header stackable">
				<img class="logo" width="100" height="100" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{ctx.Locale.Tr "logo"}}">
				<p>Made with copious amounts of caffeeine</p>
			</h1>
			<p class="large">
				<b>TODO</b>: Write some funny text here
			</p>
		</div>
		<div class="eight wide center column stackable">
			<h1 class="hero ui icon header">
				<img class="logo" width="100" height="100" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{ctx.Locale.Tr "logo"}}">
				<p><it>I hate it here</it></p>
			</h1>
			<p class="large">
				Bottom text
			</p>
		</div>
	</div>
	<div class="ui stackable middle very relaxed page grid">
		<div class="eight wide center column">
			<h1 class="hero ui icon header stackable">
				<img class="logo" width="100" height="100" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{ctx.Locale.Tr "logo"}}">
				<p>Is this the real life?</p>
			</h1>
			<p class="large">
				Something something fuck poettering
			</p>
		</div>
		<div class="eight wide center column stackable">
			<h1 class="hero ui icon header">
				<img class="logo" width="100" height="100" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{ctx.Locale.Tr "logo"}}">
				{{ctx.Locale.Tr "startpage.license"}}
			</h1>
			<p class="large">
				I forgor
			</p>
		</div>
	</div>
</div>
{{template "base/footer" .}}