Stuff

src/documents/contact.html

@@ -19,10 +19,10 @@ order: 1
       <a class="icon fa fa-twitter" style="display: inline-block;" href="https://twitter.com/Tim_Stallard"></a>
     </div>
   </div>
-  <div class="animated">
-    <div>
+  <div class="animated" id="formcontainer">
+    <div id="inputscontainer" class="animated">
       Or, if you're feeling lazy, you can just fill out this form:
-      <form>
+      <form id="contactform">
         <input name="name" placeholder="Name"></input>
         <input name="subject" placeholder="Subject"></input>
         <input name="contact" placeholder="Email/Phone/Twitter"></input>
@@ -30,5 +30,19 @@ order: 1
         <input type="submit" value="Send!"></input>
       </form>
     </div>
+    <div id="completed" class="animated">
+      Your message has been sent. Expect to hear back soon!
+    </div>
   </div>
 </div>
+<script>
+  $("#contactform").submit(function(e){
+    $("#formcontainer").addClass("completed");
+    setTimeout(function(){
+      $("#formcontainer").addClass("completedmsg");
+    }, 400)
+    e.preventDefault();
+    //alert("done");
+    return false;
+  });
+</script>