Unverified Commit 44a623c4 by Paul B

borne-accueil: donner un peu plus de clarté aux boutons

Aux grains de sel, les utilisateurs semblent avoir du mal à vraiment
comprendre la borne d'accueil tout seul. Mauvaise volonté ? Manque de
lisibilité ? On ne sait pas.

Ce changement permet d'essayer de clarifier encore plus les deux
boutons de la borne d'accueil en :
- raccourcissant les phrases sur les boutons
- styliser les boutons un peu plus comme des véritables boutons
- Avoir la possibilité d'ajouté un sous-titre à la page
parent b4d49b83
...@@ -17,7 +17,15 @@ video {max-width:none;} ...@@ -17,7 +17,15 @@ video {max-width:none;}
#photo_advice, #photo_studio, #photo_advice, #photo_studio,
#service_entry_success .compteur #service_entry_success .compteur
{display:none;} {display:none;}
#first_page .btn {height:50px; font-size: xx-large; margin-top:150px;} #first_page .btn {
height: auto;
font-size: xx-large;
margin-top: 150px;
border-radius: 5px;
border: 1px solid;
padding: 15px;
box-shadow: 1px 1px 2px #555;
}
#post_take_buttons .btn--primary,#post_take_buttons .btn--inverse {margin-bottom:15px;} #post_take_buttons .btn--primary,#post_take_buttons .btn--inverse {margin-bottom:15px;}
#shopping_entry .btn--primary, #service_entry .btn--primary, #shopping_entry .btn--primary, #service_entry .btn--primary,
...@@ -66,4 +74,4 @@ h1 .member_name {font-weight: bold;} ...@@ -66,4 +74,4 @@ h1 .member_name {font-weight: bold;}
.msg-big {font-size: xx-large; background: #fff; padding:25px; text-align: center;} .msg-big {font-size: xx-large; background: #fff; padding:25px; text-align: center;}
#member_advice {background: #FFF; color: red;} #member_advice {background: #FFF; color: red;}
\ No newline at end of file
...@@ -18,8 +18,11 @@ def index(request): ...@@ -18,8 +18,11 @@ def index(request):
from outils.common import MConfig from outils.common import MConfig
template = loader.get_template('members/index.html') template = loader.get_template('members/index.html')
context = {'form': '', 'title': 'Coopérateurs', context = {
'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG} 'form': '', 'title': 'Coopérateurs',
'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG,
'WELCOME_SUBTITLE_ENTRANCE_MSG': getattr(settings, 'WELCOME_SUBTITLE_ENTRANCE_MSG', '')
}
for_shoping_msg = getattr(settings, 'ENTRANCE_COME_FOR_SHOPING_MSG', '') for_shoping_msg = getattr(settings, 'ENTRANCE_COME_FOR_SHOPING_MSG', '')
msettings = MConfig.get_settings('members') msettings = MConfig.get_settings('members')
...@@ -133,7 +136,8 @@ def validation_inscription(request, email): ...@@ -133,7 +136,8 @@ def validation_inscription(request, email):
'ask_for_street2': getattr(settings, 'SUBSCRIPTION_ADD_STREET2', False), 'ask_for_street2': getattr(settings, 'SUBSCRIPTION_ADD_STREET2', False),
'ask_for_second_phone': getattr(settings, 'SUBSCRIPTION_ADD_SECOND_PHONE', False), 'ask_for_second_phone': getattr(settings, 'SUBSCRIPTION_ADD_SECOND_PHONE', False),
'em_url': settings.EM_URL, 'em_url': settings.EM_URL,
'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG} 'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG,
'WELCOME_SUBTITLE_ENTRANCE_MSG': getattr(settings, 'WELCOME_SUBTITLE_ENTRANCE_MSG', '')}
# with_addr_complement # with_addr_complement
response = HttpResponse(template.render(context, request)) response = HttpResponse(template.render(context, request))
......
...@@ -16,7 +16,9 @@ SUBSCRIPTION_PAYMENT_MEANINGS = [ ...@@ -16,7 +16,9 @@ SUBSCRIPTION_PAYMENT_MEANINGS = [
] ]
# Borne d'accueil /members/ # Borne d'accueil /members/
WELCOME_ENTRANCE_MSG="coucou" WELCOME_ENTRANCE_MSG="Bienvenue dans ce super-marché"
# Sous-titre optionel
#WELCOME_SUBTITLE_ENTRANCE_MSG="Vous êtes venu aujourd'hui pour…"
# Shop # Shop
COMPANY_NAME = "Demo interfoodcoop" COMPANY_NAME = "Demo interfoodcoop"
......
...@@ -26,12 +26,15 @@ ...@@ -26,12 +26,15 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<section class="grid-6 has-gutter" id="first_page"> <section class="grid-6 has-gutter" id="first_page">
<h1 class="col-6 txtcenter">{{WELCOME_ENTRANCE_MSG}}</h1> <h1 class="col-6 txtcenter">{{WELCOME_ENTRANCE_MSG}}</h1>
{% if WELCOME_SUBTITLE_ENTRANCE_MSG %}
<h4 class="col-6 txtcenter">{{WELCOME_SUBTITLE_ENTRANCE_MSG|safe}}</h4>
{% endif %}
<div class="col-1"></div> <div class="col-1"></div>
<a class="col-4 row-2 btn txtcenter b_yellow" data-next="shopping_entry">Je viens faire mes courses</a> <a class="col-4 row-2 btn txtcenter b_yellow" data-next="shopping_entry">…faire <b>mes courses 🛒</b></a>
<div class="col-1 row-2"></div> <div class="col-1 row-2"></div>
<div class="col-1 row-2"></div> <div class="col-1 row-2"></div>
<a class="col-4 row-2 btn txtcenter b_green" data-next="service_entry">Je viens faire mon service</a> <a class="col-4 row-2 btn txtcenter b_green" data-next="service_entry">…faire <b>mon service 🤝</b></a>
<div class="col-1 row-2"></div> <div class="col-1 row-2"></div>
</section> </section>
<section class="grid-6 has-gutter" id="shopping_entry"> <section class="grid-6 has-gutter" id="shopping_entry">
...@@ -225,4 +228,4 @@ ...@@ -225,4 +228,4 @@
</section> </section>
<script src="{% static "js/all_common.js" %}?v="></script> <script src="{% static "js/all_common.js" %}?v="></script>
<script src="{% static "js/members.js" %}?v="></script> <script src="{% static "js/members.js" %}?v="></script>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -61,7 +61,8 @@ def index(request): ...@@ -61,7 +61,8 @@ def index(request):
'max_begin_hour': settings.MAX_BEGIN_HOUR, 'max_begin_hour': settings.MAX_BEGIN_HOUR,
'payment_meanings': settings.SUBSCRIPTION_PAYMENT_MEANINGS, 'payment_meanings': settings.SUBSCRIPTION_PAYMENT_MEANINGS,
'em_url': settings.EM_URL, 'em_url': settings.EM_URL,
'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG} 'WELCOME_ENTRANCE_MSG': settings.WELCOME_ENTRANCE_MSG,
'WELCOME_SUBTITLE_ENTRANCE_MSG': getattr(settings, 'WELCOME_SUBTITLE_ENTRANCE_MSG', '')}
if hasattr(settings, 'SUBSCRIPTION_ASK_FOR_SEX'): if hasattr(settings, 'SUBSCRIPTION_ASK_FOR_SEX'):
context['ask_for_sex'] = settings.SUBSCRIPTION_ASK_FOR_SEX context['ask_for_sex'] = settings.SUBSCRIPTION_ASK_FOR_SEX
if hasattr(settings, 'SUBSCRIPTION_ADD_STREET2'): if hasattr(settings, 'SUBSCRIPTION_ADD_STREET2'):
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment