templates: registration page

portail_citoyen/static/portail_citoyen/css/style.css

@@ -954,6 +954,7 @@ input[type="password"] {
 	-webkit-border-radius: 2px;
 	color: black;
 	-webkit-transition: background 200ms ease-out;
+	display: block;
 }
 
 input[type="text"]:focus,
@@ -961,3 +962,31 @@ input[type="password"]:focus {
 	border: 1px solid #888;
 	background: white;
 }
+
+div#registration {
+	width: 40em;
+	text-align: justify;
+	margin: 2em auto;
+}
+
+div#registration form {
+	margin: 2em 0;
+}
+
+div#registration label {
+	display: block;
+	width: 15em;
+	float: left;
+	text-align: right;
+	padding-right: 1em;
+	color: #777;
+}
+
+div#registration ul.errorlist {
+	margin: 0;
+	padding-left: 16em;
+}
+
+div#registration input[type="submit"] {
+	margin-left: 17em;
+}

portail_citoyen/templates/registration/registration_form.html

@@ -1,31 +1,35 @@
 {% extends "base.html" %}
 {% load i18n %}
 
-{% block title %}
-{% trans "Registration" %}
-{% endblock %}
-
-{% load breadcrumbs %}
-{% block breadcrumbs %}
-{{ block.super }}
-{% breadcrumb_url 'Register' %}
-{% endblock %}
-
 {% block content %}
 
-<h2>{% trans "Registration" %}</h2>
+<div id="registration" class="block">
+<h2>Création de votre compte citoyen</h2>
+
+<p>
+La création d'un compte citoyen se déroule en 2 étapes :
+</p>
+
+<p>
+Indiquez ci-dessous vos coordonnées, en veillant à bien indiquer votre
+adresse électonique (courriel, email), puis cliquez sur le bouton « Envoyer » ;
+Vous recevrez alors un courriel vous permettant d'activer votre compte ; ce
+courriel contient un lien sur lequel vous devrez cliquer pour valider la
+création du compte.
+</p>
 
 <form method="post" action=".">
   {% csrf_token %}
   {{ form.non_field_errors }}
   {% for field in form %}
-  <p>
-    {{ field.errors }}
     <label for="id_{{ field.html_name }}">{{ field.label }}&nbsp;:</label>
     {{ field }}
+    {{ field.errors }}
   </p>
   {% endfor %}
 
-  <input type="submit" value="{% trans 'Submit' %}" />
+  <input type="submit" value="Valider" />
+  <button class="submit" type="button" onclick="location.href = '/'">Annuler</button>
 </form>
+</div>
 {% endblock %}