{{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="gt-mb-5 gt-px-5">
		<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">
					{{ctx.Locale.Tr "shinonome.titolo"}}
				</h1>
				<h2>{{ctx.Locale.Tr "shinonome.enkonduko"}}</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">
				{{svg "octicon-code"}} {{ctx.Locale.Tr "shinonome.kodo"}}
			</h1>
			<p class="large">
				{{ctx.Locale.Tr "shinonome.kodo_subteksto" | Str2html}}
			</p>
		</div>
		<div class="eight wide center column">
			<h1 class="hero ui icon header">
				{{svg "octicon-device-desktop"}} {{ctx.Locale.Tr "shinonome.reprogramado"}}
			</h1>
			<p class="large">
				{{ctx.Locale.Tr "shinonome.reprogramado_subteksto" | Str2html}}
			</p>
		</div>
	</div>
	<div class="ui stackable middle very relaxed page grid">
		<div class="eight wide center column">
			<h1 class="hero ui icon header">
				{{svg "octicon-rocket"}} {{ctx.Locale.Tr "shinonome.raketo"}}
			</h1>
			<p class="large">
				{{ctx.Locale.Tr "shinonome.raketo_subteksto" | Str2html}}
			</p>
		</div>
		<div class="eight wide center column">
			<h1 class="hero ui icon header">
				{{svg "octicon-flame"}} {{ctx.Locale.Tr "shinonome.fajro"}}
			</h1>
			<p class="large">
				{{ctx.Locale.Tr "shinonome.fajro_subteksto" | Str2html}}

			</p>
		</div>
	</div>
</div>
{{template "base/footer" .}}