new display idea

This commit is contained in:
Laetitia Getti 2023-08-16 14:48:37 +02:00 committed by Laetitia Getti
parent 2020eba8a8
commit 2bc8d1be37

View file

@ -8,61 +8,62 @@
<p class="desktop-hidden mobile-content-title"> <p class="desktop-hidden mobile-content-title">
{% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur la Chariotte !{% endif %}{% endblock %} {% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur la Chariotte !{% endif %}{% endblock %}
</p> </p>
<div class="box"> <div class="columns">
<p class="title">La Chariotte, outil au service des commandes groupées</p> <div class="column is-half">
<p>Bienvenue sur la Chariotte, pensée pour vous aider à organiser des commandes groupées ! <div class="box full-height">
Que vous soyez producteur ou productrice, simple passant·e curieux·se, <p class="subtitle">Rejoindre une commande groupée</p>
ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres, <p>Si vous avez un code à 6 caractères, entrez-le ici :</p>
des bons produits locaux et bien plus ! <form method="post">
</p> {% csrf_token %}
<div class="buttons is-centered"> {% for error in form.code.errors %}
<a class="button is-info" href="{% url 'accounts:login' %}"> <p class="help is-danger">{{ error }}</p>
<i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus sur la Chariotte {% endfor %}
</a> <div class="field has-addons">
<div class="control">
<input name="code" class="input {% if form.code.errors %}is-danger{% endif %}" type="text">
</div>
<div class="control">
<input class="button is-primary" type="submit" value="Rejoindre">
</div>
</div>
</form>
</div>
</div>
<div class="column is-half">
<div class="box full-height">
{% if user.is_authenticated %}
<p class="subtitle">... Ou accédez à vos commandes groupées</p>
<a class="button is-primary" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
</a>
{% else %}
<p class="subtitle">... Ou connectez-vous pour organiser une commande groupée</p>
<a class="button is-primary" href="{% url 'accounts:login' %}">
<i class="fa fa-sign-in mr-3" aria-hidden="true"></i>Se connecter
</a>
<a class="button is-light" href="{% url 'accounts:signup' %}">
<strong>Créer un compte</strong>
</a>
{% endif %}
</div>
</div> </div>
</div> </div>
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-10"> <div class="column is-10">
<div class="columns"> <div class="box">
<div class="column is-half"> <p class="title">La Chariotte, outil au service des commandes groupées</p>
<div class="box full-height"> <p>Bienvenue sur la Chariotte, pensée pour vous aider à organiser des commandes groupées !
<p class="subtitle">Rejoindre une commande groupée</p> Que vous soyez producteur ou productrice, simple passant·e curieux·se,
<p>Si vous avez un code à 6 caractères, entrez-le ici :</p> ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres,
<form method="post"> des bons produits locaux et bien plus !
{% csrf_token %} </p>
{% for error in form.code.errors %} <div class="buttons is-centered">
<p class="help is-danger">{{ error }}</p> <a class="button is-info" href="{% url 'accounts:login' %}">
{% endfor %} <i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus sur la Chariotte
<div class="field has-addons"> </a>
<div class="control">
<input name="code" class="input {% if form.code.errors %}is-danger{% endif %}" type="text">
</div>
<div class="control">
<input class="button is-primary" type="submit" value="Rejoindre">
</div>
</div>
</form>
</div>
</div>
<div class="column is-half">
<div class="box full-height">
{% if user.is_authenticated %}
<p class="subtitle">... Ou accédez à vos commandes groupées</p>
<a class="button is-primary" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
</a>
{% else %}
<p class="subtitle">... Ou connectez-vous pour organiser une commande groupée</p>
<a class="button is-primary" href="{% url 'accounts:login' %}">
<i class="fa fa-sign-in mr-3" aria-hidden="true"></i>Se connecter
</a>
<a class="button is-light" href="{% url 'accounts:signup' %}">
<strong>Créer un compte</strong>
</a>
{% endif %}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}