Files
timstallard.me.uk/src/documents/contact.html
2016-10-18 09:41:56 +01:00

61 lines
2.0 KiB
HTML

---
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>.
<br>
If you would prefer to talk more securely, you can grab a copy of my <a href="https://pgp.mit.edu/pks/lookup?op=vindex&search=0x6EEAB186CADDD38D">PGP key</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>