{{template "base/head" .}}
<div class="home-main bg">
	<div class="home align">
		<div class="ui stackable middle very relaxed page grid home-head">
			<div style="padding-left:0" class="sixteen wide left aligned centered column home-main mobile">
				<div class="logo">
					<img height="70px" src="https://gitote-cdn.netlify.com/logoblack.svg" alt="Gitote Logo" />
				</div>
				<div style="margin-right:-30px" class="ui right">
					<img class="hide-mobile" height="250px" src="https://gitote-cdn.netlify.com/img/svg/designer.svg" alt="Designer" />
				</div>
				<div class="hero">
					<h1>
						Welcome to Gitote 👋
					</h1>
					<h2>{{.i18n.Tr "app_desc"}}</h2>
					<h3 class="desc">Gitote is one of the code hosts in the world with many projects. Private, public, or open source, all repositories are equipped with tools to help you host, version, and release code.</h3>
					<a href="{{AppURL}}login">
						<button class="ui green button home-main home btn">
							🔑 Sign in
						</button>
					</a>
					{{if .ShowRegistrationButton}}
					<a href="{{AppURL}}join">
						<button class="ui blue button home-main home btn">
							➕ Create Account
						</button>
					</a>
					{{end}}
				</div>
			</div>
		</div>
	</div>
</div>