{% extends "layout.html" %}
{% block title %}Contact Me{% endblock %}
{% block content %}

<h1>Contact Me</h1>

You can use the form below to send me an e-mail. Alternatively you can contact
me on an instant messenger:

<blockquote>
	<table border="0" cellspacing="0" cellpadding="4">
		<tr>
			<td>
				<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
			</td>
			<td>
				<strong>AIM:</strong>
			</td>
			<td>
				<a href="aim:goim?ScreenName=Kirsle">Kirsle</a>
			</td>
		</tr>
		<tr>
			<td>
				<img src="/static/icons/skype.png" width="16" height="!6" alt="Skype">
			</td>
			<td>
				<strong>Skype:</strong>
			</td>
			<td>
				<a href="skype:kirsle?chat">Kirsle</a>
			</td>
		</tr>
		<tr>
			<td>
				<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
			</td>
			<td>
				<strong>XMPP:</strong>
			</td>
			<td>
				kirsle@kirsle.net
			</td>
		</tr>
	</table>
</blockquote><p>

Things that you <strong>SHOULD NOT</strong> use this form for:

<ul>
	<li>Any SEO business solicitations.</li>
	<li>Any advertisement related things. Google AdSense is fine for me, thanks.</li>
</ul>

For anything else:<p>

<form name="contact" action="{{ url_for('contact.send') }}" method="POST">
<blockquote>
	<input type="hidden" name="token" value="{{ csrf_token() }}">
	<table border="0" cellspacing="0" cellpadding="2">
		<tr>
			<td width="50%" align="left" valign="middle">
				<strong>Your name:</strong><br>
				<small>(so I know who you are)</small><br>
				<input type="text" size="40" name="name">
			</td>
			<td width="50%" align="left" valign="middle">
				<strong>Your email:</strong><br>
				<small>(if you want a response)</small><br>
				<input type="email" size="40" name="email">
			</td>
		</tr>
		<tr>
			<td colspan="2" align="left" valign="middle">
				<strong>Message subject:</strong><br>
				<small>(optional)</small><br>
				<input type="text" size="40" name="subject" style="width: 100%"><p>

				<strong>Message:</strong><br>
				<small>(required)</small><br>
				<textarea cols="40" rows="12" name="message" style="width: 100%"></textarea>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="right" valign="middle">
				<button type="submit">Send Message</button>
			</td>
		</tr>
	</table>
	<div style="display: none">
		If you can see these boxes, don't touch them.<br>
		<input type="text" size="40" name="contact" value=""><br>
		<input type="text" size="40" name="website" value="http://">
	</div>
</blockquote>
</form>

{% endblock %}