new styling for frontpage, update login and authorize templates

web/template/index.tmpl

@@ -0,0 +1,42 @@
+{{ 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">{{.countUsers}}</span> users who posted <span class="count">{{.countStatuses}}</span> statuses.</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" .}}