Add description on signin page

static/style.css

@@ -481,6 +481,10 @@ a:hover,
 	display: inline;
 }
 
+.signin-desc {
+	margin: 8px 0 16px 0;
+}
+
 .dark {
 	background-color: #222222;
 	background-image: none;

templates/signin.tmpl

@@ -1,12 +1,23 @@
 {{with .Data}}
 {{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
-<div class="page-title"> Signin </div>
+<div class="page-title"> Bloat </div>
+<div class="signin-desc">
+	A web client for <a href="https://pleroma.social" target="_blank">Mastodon Network</a>.
+</div>
 
 <form class="signin-form" action="/signin" method="post">
-	<input type="text" name="instance" placeholder="instance" required>
-	<br>
-	<button type="submit"> Submit </button>
+	Enter the domain name of your instance to continue
+	<br/>
+	<input type="text" name="instance" placeholder="example.com" required>
+	<br/>
+	<button type="submit"> Signin </button>
 </form>
 
+<p>
+	See
+	<a href="https://git.freesoftwareextremist.com/bloat" target="_blank">git.freesoftwareextremist.com/bloat</a>
+	for more details.
+</P>
+
 {{template "footer.tmpl"}}
 {{end}}