---
layout: core
title: "Contact"
icon: "envelope-o"
order: 1
---
<div class="animated">
  <div class="animated">
    <div>
      <div class="icon fa fa-envelope"></div>
      If you'd like to send me an email, you can reach me on <a href="mailto:contact@timstallard.me.uk">contact@timstallard.me.uk</a>.
    </div>
  </div>
  <div class="animated">
    <div>
      You'll also find me elsewhere around the internet...
      <br>
      <a class="icon fa fa-github" style="display: inline-block; margin-right: 0.2em;" href="https://github.com/TimStallard"></a>
      <a class="icon fa fa-twitter" style="display: inline-block;" href="https://twitter.com/Tim_Stallard"></a>
    </div>
  </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 id="contactform">
        <input name="name" placeholder="Name"></input>
        <input name="subject" placeholder="Subject"></input>
        <input name="contact" placeholder="Email/Phone/Twitter"></input>
        <textarea></textarea>
        <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){
    $.post(
      "/contactsubmit.php",
      {
        name: $("input[name='name']").val(),
        subject: $("input[name='subject']").val(),
        contact: $("input[name='contact']").val(),
        message: $("textarea").val()
      },
      function(){
        $("#formcontainer").addClass("completed");
        setTimeout(function(){
          $("#formcontainer").addClass("completedmsg");
        }, 800);
      }
    )
    e.preventDefault();
    return false;
  });
</script>