<!DOCTYPE html>
<html lang="en">
  {% include "head.html" %}
  <body id="index">
    <div class="centercubeplease">
      <h1>
        Cool signers:
      </h1>
      {% if signer_list %}
        <p>
          <ul>
            {% for signer in signer_list %}
              <li>
                {{ signer.hosting }}*
                <a href="{{ signer.website }}">
                  <b>
                    {{ signer.name }}
                  </b>
                </a> said:
                <b>
                  {{ signer.comment }}.
                </b>
                {% if signer.email %}
                  Pester on:
                  <a href="mailto:{{ signer.email }}">{{ signer.email }}</a>
                {% endif %}
              </li>
            {% endfor %}
          </ul>
        </p>
      {% else %}
        <p>
          No one signed here :(
        </p>
      {% endif %}
    </div>
    <div class="centerade">
      <h2>
        Be part of this cuties!
      </h2>
      <p>
        <p>
          <form method="post" action="">
            <div>
              Name:
              <input type="text" name="name" />
              <span class="error">*</span>
            </div>
            <div>
              Website:
              <input type="text" name="website" />
            </div>
            <div>
              E-mail:
              <input type="text" name="email" />
            </div>
            <div>
              Comment:
              <textarea name="comment" rows="1"></textarea>
            </div>
            <p>
              Capcha(Say that you love "me"):
              <input type="text" name="capcha" />
              <span class="error">*</span>
            </p>
            <input type="submit" />
          </form>
        </p>
      </p>
    </div>
  </body>
</html>
