{% extends "index.html" %}
{% block title %}Login{% endblock %}
{% block nav %}{% endblock %}
{% block main %}
    <article class='left'>
      <h3>We Make THSF</h3>
      <p>
        Comme chaque année le <a href='https://www.thsf.net>'>Toulouse Hacker Space Factory</a> aura lieu à
        <a href='http://mixart-myrys.org'>Mix'Art Myrys</a>.
      </p>
      <p>
        Ce festival ne pourrait pas avoir lieu sans votre implication et cette année encore votre aide est la bienvenue et nous
        est précieuse.
      </p>
      <p>
        Ce site vous permettra:
        <ul>
          <li>
            de vous enregistrer afin de faire partie du "Staff", cette équipe de super-héros sans qui le THSF ne
            saurait être un moment agréable, sûr et convivial.
          </li>
          <li>
            de sélectionner le poste et les créneaux horaires pendant lesquels vous souhaitez vous rendre disponible.
          </li>
          <li>
            d'être tenu informé des évolutions de l'organisation et du déroulement du THSF via la mailing list du staff.
          </li>
        </ul> 
      </p>
      <p>
        Nul besoin de compétences particulières pour rejoindre notre équipe sinon votre meilleure volonté et votre bonne humeur
        qui feront du THSF un moment unique de partage.
      </p>
      <p>
        Pour vous enregistrer, munissez vous de votre adresse email et renseignez les champs de la section "<strong>Inscription</strong>".
      </p>
      <p>
        Si vous vous être préalablement enregistré, renseignez uniquement les champs de la section "<strong>Connexion</strong>"
      </p>
      <p class='note'>Aucun électron n'a été maltraité lors de la mise au point de ce site. 
      Par ailleurs ce site n'utilise ni ressources hébergées par des tiers, ni bullshitwares, ni trackers.</p>
    </article>
    <hr/>
    <article class='login'>
      <h3>Connexion</h3>
    </article>
    <article class='left'>
      <form method='POST' action='/login'>
        <label>Adresse mail: </label><input id='login' name='login' type='text' /><br/>
        <label>Mot de passe: </label><input id='password' name='password' type='password' /><br/>
        <input type='submit' value='Log me in' onclick='javascript:return verify_login();'>
      </form>
      <p class='note'>
        Mot de passe oublié ? Envoyez une <a href='https://bofh.tetalab.org/?do=newtask&project=2'>demande de réinitialisation de votre mot de passe</a>.
      </p>
    </article>
    <hr/>
    <article class='login'>
      <h3>Inscription</h3>
    </article>
    <article class='left'>
      <form method='POST' action='/register'>
        <label>Adresse mail: </label><input id='reg_mail' name='login' type='text' /><br/>
        <label>Mot de passe (8 char min.): </label><input id='reg_password' name='password' type='password' /><br/>
        <label>Confirmation: </label><input id='reg_confirm' name='confirm' type='password' /><br/>
        <input type='submit' value='Register me NOW !' onclick='javascript:return register();'>
      </form>
    </article>
    <hr/>
{% endblock %}