strasbourg-2018: restyle login form with a big "new account" block (#25458)

static/strasbourg-2018/_custom.scss

@@ -81,7 +81,7 @@ div#content div#columns div.a2-block form input[type=submit],
 #content div#login-page div.block form input[type=submit] {
 	/* center */
 	display: block;
-	margin: 0 auto 4rem auto;
+	margin: 0 auto 1.5rem auto;
 }
 
 #content div#login-page div.block form button.cancel-button,
@@ -1085,3 +1085,38 @@ div.widget table {
 .template-meetings .customSelectContain {
 	display: none;
 }
+
+div#login-page .login-actions{
+	text-align: center;
+	a {
+		font-weight: normal;
+		text-decoration: underline;
+	}
+}
+
+div#welcome-text {
+	clear: both;
+	float: none;
+	width: 100%;
+	background: #ffb200;
+	box-sizing: border-box;
+	padding: 2rem;
+	@include RWD(mobile) {
+		padding: 2rem 1rem;
+	}
+	h1::before {
+		/* adjust ~ color */
+		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23ffffff' width='371.9' height='82.2'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M351.926 42.6c-13.2 0-20.6-5.8-31.8-16.2-11.3-10.3-26.4-26.4-50.9-26.4h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.7 8.8-16.6 14.8-27.4 16.2-1.4 0-3 .5-4.9.5-13.2 0-20.6-5.8-31.8-16.2-3-2.5-5.8-5.4-9.3-8.8-10.3-8.8-23-18.1-41.6-18.1h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.8 8.8-16.6 14.7-27.4 16.2-1.4 0-3 .5-4.9.5-2.5 0-5.4.5-7.4 1.4-1 .5-2.5 1-3.4 1.9-5.4 3.4-9.3 9.8-9.3 16.2 0 2.5.5 5.4 1.4 7.4 1 2.5 2.5 4.4 4.4 6.4 1 1 1.9 1.9 3 2.5 1 .5 1.9 1.4 3.4 1.9 1.4.5 2.5 1 3.9 1 1.5.4 2.5.4 4 .4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 3 1.4 6.9 3.9 11.3 8.3 2.5 1.9 5.4 4.4 8.3 7.4 12.3 11.3 31.4 26.4 58.7 26.4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 1.4.5 3.4 1.9 5.4 3 3.9 2.5 8.3 6.9 14.7 12.2 12.3 11.3 31.4 26.4 58.8 26.4h1.9c10.3-.5 19.6-10.3 18.6-20.5.7-10.3-9.6-19.1-19.9-18.6z'/%3E%3C/g%3E%3C/svg%3E");
+	}
+	div.actions {
+		button {
+			display: block;
+			margin: 1rem auto;
+			min-width: 25ex;
+			max-width: 100%;
+			@include RWD(mobile) {
+				min-width: auto;
+			}
+		}
+	}
+}

static/strasbourg-2018/extra.js

@@ -1,6 +1,6 @@
 $(function() {
   /* handle "button that should have been links" */
-  $('div.cell').delegate('button[data-href]', 'click', function(e) {
+  $('div.cell, div#welcome-text').delegate('button[data-href]', 'click', function(e) {
     window.location = $(this).data('href');
     return false;
   });

templates/variants/strasbourg-2018/authentic2/login.html

@@ -0,0 +1,13 @@
+{% extends "../../authentic2/login.html" %}
+
+{% block login-welcome-text %}
+<div>
+        <h1>Pas encore de compte MonStrasbourg.eu ?</h1>
+
+        <div class="actions">
+          <button class="btn-square--filled--core" data-href="{{ registration_url }}"><span class="flexbox"><span class="btn-text">Créer un compte</span><span class="btn-arrow"></span></span></button>
+          <button class="btn-square--bordered--core" data-href="{{ en_savoir_plus_url }}"><span class="flexbox"><span class="btn-text">En savoir plus</span><span class="btn-arrow"></span></span></button>
+        </div>
+
+</div>
+{% endblock %}

templates/variants/strasbourg-2018/authentic2/login_password_form.html

@@ -0,0 +1,16 @@
+{% load i18n authentic2 staticfiles %}
+<div>
+<form method="post" action="">
+{% csrf_token %}
+{{ form.as_p }}
+<button class="btn-square--filled--second" name="{{ submit_name }}"><span class="flexbox"><span class="btn-text">{% trans "Log in" %}</span><span class="btn-arrow"></span></span></button>
+</form>
+</div>
+
+<div class="login-actions">
+{% if can_reset_password %}
+<p><a href="{% url 'password_reset' %}{% if request.GET.next %}?next={{ request.GET.next|urlencode }}{% endif %}">J'ai oublié mon mot de passe</a></p>
+{% endif %}
+</div>
+
+<script type="text/javascript" src="{% static "authentic2/js/js_seconds_until.js" %}" async></script>