{% extends "index.html" %}
{% block title %}Login{% endblock %}
{% block nav %}{% endblock %}
{% block main %}
    <article class='left'>
      <img class='noborder' src='/static//images/seal.png' />
      <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 <strong>votre aide est la bienvenue et nous
        est précieuse</strong>.
      </p>
      <p>
        Ce site vous permettra:
      </p>
      <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>
        <strong>Nul besoin de compétences particulières</strong> 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 <strong>votre plus belle adresse email</strong> 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' required /><br/>
        <label>Mot de passe: </label><input id='password' name='password' type='password' required /><br/>
        <input type='submit' value='Connexion'>
      </form>
      <p class='note'>
        Mot de passe oublié ? <a href='/account/reset/ask'>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' onsubmit='return register();'>
        <label>Adresse mail: </label><input id='reg_mail' name='login' type='text' required /><br/>
        <label>Mot de passe (8 char min.): </label><input id='reg_password' name='password' type='password' required /><br/>
        <label>Confirmation: </label><input id='reg_confirm' name='confirm' type='password' required /><br/>
        <input type='submit' value='Enregistrement'>
      </form>
      <p class='note'>En vous inscrivant vous déclarez être prèt à découvrir l'insondabilité de l'improbable</p>
    </article>
    <hr/>
{% endblock %}