From 1ff244c6ca505aea13bb3913a03e72ed02297605 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 6 Oct 2018 08:41:31 +0100
Subject: [PATCH] Tidy form markup

---
 source/contact.html.twig | 56 +++++++++++++++++-----------------------
 1 file changed, 24 insertions(+), 32 deletions(-)

diff --git a/source/contact.html.twig b/source/contact.html.twig
index 8ca06e95..3864d041 100644
--- a/source/contact.html.twig
+++ b/source/contact.html.twig
@@ -4,44 +4,36 @@ layout: default
 use: [posts]
 ---
 {% block content %}
-    <p>To send me an email, complete the form below.</p>
+    <div>
+        <p>To send me an email, complete the form below.</p>
+    </div>
 
     <form name="contact" method="POST" action="/contact/thanks" data-netlify="true" netlify-honeypot="bot-field">
-        <label for="name" class="block mb-1">Name</label>
-        <input type="text"
-               class="w-full p-2 mb-4 border border--grey"
-               name="name"
-               required>
+        <div>
+            <label for="name" class="block mb-1">Name</label>
+            <input type="text" class="w-full p-2 mb-4 border border--grey" id="name" required />
+        </div>
 
-        <label for="email" class="block mb-1">Email</label>
-        <input type="email"
-               class="w-full p-2 mb-4 border border--grey"
-               name="email"
-               required>
+        <div>
+            <label for="email" class="block mb-1">Email</label>
+            <input type="email" class="w-full p-2 mb-4 border border--grey" id="email" required />
+        </div>
 
-        <label for="subject" class="block mb-1">Subject</label>
-        <input type="text"
-               class="w-full p-2 mb-4 border border--grey"
-               name="subject"
-               required>
+        <div>
+            <label for="subject" class="block mb-1">Subject</label>
+            <input type="text" class="w-full p-2 mb-4 border border--grey" id="subject" required />
+        </div>
 
-        <label for="message" class="block mb-1">Message</label>
-        <textarea name="message"
-                  class="w-full p-2 mb-4 border border--grey"
-                  rows="5"
-                  required>
-        </textarea>
+        <div>
+            <label for="message" class="block mb-1">Message</label>
+            <textarea id="message" class="w-full p-2 mb-4 border border--grey" rows="5" required></textarea>
+        </div>
 
-        <button class="button" type="submit">
-            Send email
-        </button>
+        <div>
+            <button class="button" type="submit">Send email</button>
+        </div>
 
-        <input type="hidden"
-               name="_next"
-               value="{{ site.url }}/contact/thanks" />
-
-        <input type="text" name="bot-field" class="hidden" />
+        <input type="hidden" name="_next" value="{{ site.url }}/contact/thanks" />
+        <input type="text" id="bot-field" class="hidden" />
     </form>
 {% endblock %}
-
-{% block body_classes 'page--contact' %}