{% extends "base.html" %}

{% block title %} | Contact{% endblock %}
{% block nav-contact %} class="selected"    {% endblock %}
{% block extrastyle %}<link rel="stylesheet" href="{{ STATIC_URL }}css/contact.css" type="text/css" media="screen" />{% endblock %}

{% block main %}
      <section id="contact">
        {% if success %}
        <span class="">Thank you for contacting me! Your message was sent successfully.</span>
        {% else %}
        <form id="contact_form" action="/newdesign/contact/" method="post">{% csrf_token %}
          {{ contact_form.name.errors }}
          {{ contact_form.name.label_tag }}
          {{ contact_form.name }}
          {{ contact_form.email.errors }}
          {{ contact_form.email.label_tag }}
          {{ contact_form.email }}
          {{ contact_form.body.errors }}
          {{ contact_form.body.label_tag }}
          {{ contact_form.body }}
          <input type="submit" value="Submit" />
        </form>
        {% endif %}
        <p>Hablo español.</p>
      </section>
      <section id="internet">
        <h3>Find me on the Internet</h3>
        <p id="social_links">
          <a href="http://www.github.com/ianonavy"><img src="{{ STATIC_URL }}img/icons/32/github.png" alt="GitHub" /></a>
          <a href="http://forr.st/-ianonavy"><img src="{{ STATIC_URL }}img/icons/32/forrst.png" alt="Forrst" /></a>
          <a href="skype:ianonavy?userinfo"><img src="{{ STATIC_URL }}img/icons/32/skype.png" alt="Skype" /></a>
          <a href="http://stackoverflow.com/users/765439/ianonavy"><img src="{{ STATIC_URL }}img/icons/32/stackoverflow.png" alt="Stackoverflow" /></a>
        </p>
      </section>
{% endblock main %}