{{ template "header.tmpl" .}}
<aside class="left logo">
	<img src="/assets/sloth.png" alt="Clipart styled sloth logo">
</aside>
<section>
	<h1>Home to <span class="count">{{.instance.Stats.user_count}}</span> users
		who posted <span class="count">{{.instance.Stats.status_count}}</span> statuses,
		federating with  <span class="count">{{.instance.Stats.domain_count}}</span> other instances.</h1>

	<h3>This is the default landing page, you can edit it from <span class="accent">./web/template/index.tmpl</span></h1>
	<ul>
		<li>Some explanation about the instance (description) with instance header and profile images.</li>
		<li>Instructions for registering.</li>
		<li>Etc.</li>
	</ul>
</section>

<section class="apps">
	<p>
		GoToSocial does not provide it's own frontend, but implements the Mastodon client API.
		You can use this server through a variety of clients:
	</p>
	<div class="applist">
		<div class="entry">
			<svg class="logo redraw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10000 10000">
				<path d="M9212 5993H5987V823c1053 667 2747 2177 3225 5170zM3100 2690A12240 12240 0 01939 6035h2161zm676 7210h2448a3067 3067 0 003067-3067H5052V627a527 527 0 00-1052 0v6206H709a3067 3067 0 003067 3067z"></path>
			</svg>
			<div>
				<h3>Pinafore</h3>
				<p>Pinafore is a web client designed for speed and simplicity.</p>
				<a class="button" href="https://pinafore.social/settings/instances/add">Use Pinafore</a>
			</div>
		</div>
		<div class="entry">
			<img class="logo" src="/assets/tusky.svg" alt="The Tusky mascot, a cartoon elephant tooting happily"/>
			<div>
				<h3>Tusky</h3>
				<p>Tusky is a lightweight mobile client for Android</p>
				<a class="button" href="https://tusky.app">Get Tusky</a>
			</div>
		</div>
	</div>
</section>
{{ template "footer.tmpl" .}}