Remove drop shadow and header on main form to make it more embeddable

5 years ago · 0e78ac577d
--- a/README.adoc
+++ b/README.adoc
@@ -56,6 +56,9 @@ and `failure.html` respectively. Each is loaded as a https://golang.org/pkg/html
 
				
				 can use the templating syntax described there. The form must contain the `{{ .csrfField }}` template field, which
			
 
				
				 will automatically insert the CSRF token for the request.
			
 
				
				 
			
 
				
				+Any query parameters passed to the form will be accessible through the `{{ .params }}` template field. The
			
 
				
				+default template will include all parameters as hidden fields in the form.
			
 
				
				+
			
 
				
				 If the form contains a field named `from`, it will be used in the `Reply-To` header. Otherwise, no
			
 
				
				 special processing is applied to any field; they are all simply written out to the message body.
			
 
				
				 No server-side validation is performed.
			
--- a/form.html
+++ b/form.html
@@ -6,7 +6,6 @@
 
				
				     <style type="text/css">
			
 
				
				         .page {
			
 
				
				             width: 640px;
			
 
				
				-            padding: 8% 0 0;
			
 
				
				             margin: auto;
			
 
				
				         }
			
 
				
				 
			
@@ -15,10 +14,9 @@
 
				
				             z-index: 1;
			
 
				
				             background: #FFFFFF;
			
 
				
				             max-width: 640px;
			
 
				
				-            margin: 0 auto 100px;
			
 
				
				+            margin: 0 auto;
			
 
				
				             padding: 25px 45px 35px 45px;
			
 
				
				             text-align: center;
			
 
				
				-            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
			
 
				
				         }
			
 
				
				 
			
 
				
				         .form input, .form textarea {
			
@@ -53,21 +51,16 @@
 
				
				         .form button:hover, .form button:active, .form button:focus {
			
 
				
				             background: #43A047;
			
 
				
				         }
			
 
				
				-
			
 
				
				-        h1 {
			
 
				
				-            font-family: sans-serif;
			
 
				
				-            font-variant: all-small-caps;
			
 
				
				-            font-size: 1.4em;
			
 
				
				-            margin: 0 0 0.9em 0;
			
 
				
				-        }
			
 
				
				     </style>
			
 
				
				 </head>
			
 
				
				 <body>
			
 
				
				 <div class="page">
			
 
				
				     <div class="form">
			
 
				
				         <form action="submit" method="post">
			
 
				
				-            <h1>Contact me</h1>
			
 
				
				             {{ .csrfField }}
			
 
				
				+            {{-  range $k, $v := .params }}
			
 
				
				+            <input type="hidden" name="{{ $k | html }}" value="{{ $v | html }}">
			
 
				
				+            {{- end }}
			
 
				
				             <input type="text" name="name" placeholder="Your name" required>
			
 
				
				             <input type="email" name="from" placeholder="Your e-mail address" required>
			
 
				
				             <textarea name="message" placeholder="Your message" required></textarea>
			
--- a/main.go
+++ b/main.go
@@ -57,8 +57,17 @@ func handleForm(rw http.ResponseWriter, req *http.Request) {
 
				
				 }
			
 
				
				 
			
 
				
				 func showForm(rw http.ResponseWriter, req *http.Request) {
			
 
				
				+	params := make(map[string]string)
			
 
				
				+
			
 
				
				+	for k, vs := range req.URL.Query() {
			
 
				
				+		if len(vs) == 1 {
			
 
				
				+			params[k] = vs[0]
			
 
				
				+		}
			
 
				
				+	}
			
 
				
				+
			
 
				
				 	_ = formTemplate.ExecuteTemplate(rw, "form.html", map[string]interface{}{
			
 
				
				 		csrf.TemplateTag: csrf.TemplateField(req),
			
 
				
				+		"params":         params,
			
 
				
				 	})
			
 
				
				 }