Make the pin entry screen not look terrible

Change the color of the message to be readable, and some other
positioning tweaks.

handlers.go

@@ -237,13 +237,17 @@ func handlePinTemplate(w http.ResponseWriter, r *http.Request, errorMessage stri
 	type Data struct {
 		Title      string
 		SubmitText string
-		Error      string
+		Notice     string
+	}
+
+	if errorMessage == "" {
+		errorMessage = "Please enter the PIN"
 	}
 
 	data := Data{
 		Title:      "Enter Pin",
 		SubmitText: "Submit Pin",
-		Error:      errorMessage,
+		Notice:     errorMessage,
 	}
 
 	err = t.Execute(w, data)

static/css/site.css

@@ -37,7 +37,7 @@ span.msg {
     color: #cfccd1;
 }
 
-.msg a {
+.msg a, .doornotice {
     color: #cfccd1;
 }
 
@@ -190,6 +190,13 @@ input[type=text] {
     justify-content: center;
 }
 
+#doorentry {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    height: 100%;
+}
 
 #chatwindow {
     display: none;

static/thedoor.html

@@ -1,13 +1,11 @@
-{{define "header"}}
+{{define "header"}}{{end}}
-
-{{end}}
 
 {{define "body"}}
-<div>
+<div id="doorentry">
-    {{if .Error}}<div>{{.Error}}</div>{{end}}
+    {{if .Notice}}<div class="doornotice">{{.Notice}}</div>{{end}}
     <form action="/" method="post">
         <input type="text" name="txtInput" /><br />
-        <input type="submit" value="{{.SubmitText}}" />
+        <input type="submit" value="{{.SubmitText}}" class="button pretty-button" />
     </form>
 </div>
 {{end}}