Merge pull request #377 from CodeForPhilly:website-contact-form-validation

the contact form on the website will not be submitted unless all the fields are filled out, and the user will be alerted that they missed a field.

Author: earth-walker

website/src/components/Contact.astro

@@ -15,33 +15,36 @@ import wedge from "../assets/backgrounds/wedge.svg";
           method="post"
           class="mt-6"
         >
-          <div><label for="name">Name:</label></div>
+          <div><label for="name" class="font-semibold">Name</label></div>
           <div>
             <input
               class="my-3 p-3 w-full border-2 border-bdt-blue rounded-2xl"
               type="text"
               name="name"
               id="name"
               placeholder="John Doe"
+              required
             />
           </div>
-          <div><label for="email">Email:</label></div>
+          <div><label for="email" class="font-semibold">Email</label></div>
           <div>
             <input
               class="my-3 p-3 w-full border-2 border-bdt-blue rounded-2xl"
               type="email"
               name="email"
               id="email"
               placeholder="johndoe@example.com"
+              required
             />
           </div>
-          <div><label for="message">Message:</label></div>
+          <div><label for="message" class="font-semibold">Message</label></div>
           <div>
             <textarea
               class="my-3 p-3 w-full h-40 border-2 border-bdt-blue rounded-2xl"
               name="message"
               id="message"
-              placeholder="Your message"></textarea>
+              placeholder="Your message"
+              required></textarea>
           </div>
           <input
             class="px-6 py-2 pt-3.5 mt-3 font-serif bg-bdt-green rounded-full text-xl font-bold cursor-pointer"