titles visible on mobile

This commit is contained in:
Laetitia Getti 2023-05-24 11:45:13 +02:00
parent 2a8f6fd547
commit af466f960f
14 changed files with 55 additions and 29 deletions

View file

@ -1,9 +1,11 @@
{% extends 'base.html' %}
{% block title %}Version beta{% endblock %}
{% block content_title %}Ceci est une version beta{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Ceci est une version beta{% endblock %}
</p>
<div class="box">
<p>Bonjour, et merci de visiter la Chariotte !</p>
<p>Elle est en pleine construction. Si vous voulez bien faire partie des testeurs et de testeuses motivés de cette première version beta,

View file

@ -2,9 +2,10 @@
{% block title %}Connexion{% endblock %}
{% block content_title %}Connexion{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Connexion{% endblock %}
</p>
<form method="post">
{% csrf_token %}
{{ form.as_p }}

View file

@ -2,9 +2,10 @@
{% block title %}Nouvelle commande groupée{% endblock %}
{% block content_title %}Ajouter des produits à votre commande groupée{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Ajouter des produits à votre commande groupée{% endblock %}
</p>
<p>Commande groupée "{{ grouped_order.name }}", le {{ grouped_order.delivery_date }}<p>
<p>Limite de commande : {{ grouped_order.deadline }}</p>

View file

@ -2,9 +2,10 @@
{% block title %}Nouvelle commande groupée{% endblock %}
{% block content_title %}Créer une commande groupée{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Créer une commande groupée{% endblock %}
</p>
<form method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Save">

View file

@ -2,9 +2,10 @@
{% block title %}{{ grouped_order }}{% endblock %}
{% block content_title %}{{ grouped_order }} : commander{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}{{ grouped_order }} : commander{% endblock %}
</p>
<div class="box is-info">
<div class="columns">
<div class="column is-8">

View file

@ -2,9 +2,10 @@
{% block title %}{{ grouped_order }} - Gestion{% endblock %}
{% block content_title %}{{ grouped_order }} : gestion de la commande{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}{{ grouped_order }} : gestion de la commande{% endblock %}
</p>
<div class="buttons">
<a class="button is-light" href={% url 'order:grouped_order_detail' grouped_order.id %}>Retour à la page de commande</a>
<a class="button is-primary" href="{% url 'order:index' %}">Mes commandes</a>
@ -36,7 +37,7 @@
</div>
<div class="column">
<p>Pour vous aider à distribuer les produits le jour J, vous pouvez imprimer la liste des commandes :
<a href="">ici</a></p>
<a href="{% url 'order:grouped_order_sheet' grouped_order.id %}">ici</a></p>
</div>
</div>
</div>

View file

@ -2,8 +2,10 @@
{% block title %}Mes commandes groupées{% endblock %}
{% block content_title %}Commandes groupées que vous organisez{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Commandes groupées que vous organisez{% endblock %}
</p>
<div class="buttons is-pulled-right">
<a class="button is-primary" href="{% url 'order:create_grouped_order' %}">Créer une nouvelle commande groupée</a>
</div>

View file

@ -2,9 +2,10 @@
{% block title %}Votre commande{% endblock %}
{% block content_title %}Commande confirmée !{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Commande confirmée !{% endblock %}
</p>
<div class="box">
<p class="title">Merci, {{ order.author.first_name }} !</p>
<p>Votre participation à la commande groupée "{{ order.grouped_order }}" a bien été confirmée !

View file

@ -10295,6 +10295,12 @@ p.title {
color: #A52951;
}
p.mobile-content-title {
font-weight: 600;
text-align: center;
font-size: 1.5rem;
}
.box.is-info {
border-bottom: 2px solid #e9b049;
border-right: 1px solid #e9b049;

View file

@ -9,6 +9,11 @@ p.title
font-weight: 300
color: $primary
p.mobile-content-title
font-weight: 600
text-align: center
font-size: 1.5rem
.box.is-info
border-bottom: 2px solid $beige
border-right: 1px solid $beige

View file

@ -59,9 +59,11 @@
</a>
{% if user.is_authenticated %}
<a class="navbar-item desktop-hidden" href="{% url 'order:index' %}">
Mes commandes
</a>
<div class="navbar-item desktop-hidden">
<a class="button is-light" href="{% url 'order:index' %}">
Mes commandes
</a>
</div>
{% endif %}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">

View file

@ -1,12 +1,14 @@
{% extends 'base.html' %}
{% block title %}Rejoindre une commande{% endblock %}
{% block content_title %}Rejoindre une commande groupée{% endblock %}
{% block content %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Rejoindre une commande groupée{% endblock %}
</p>
<div class="box">
<p>Bonjour !</p>
<p><strong>Pour rejoindre une commande groupée,</strong> devez avoir reçu un lien par un organisateur ou une organisatrice de commande.</p>
<p><strong>Pour rejoindre une commande groupée,</strong> vous devez avoir reçu un lien par un organisateur ou une organisatrice de commande.</p>
Si c'est le cas, vous pouvez coller ce lien dans la barre de navigation en haut de l'écran !
<p>Sinon, vous pouvez vous <a href="{% url 'accounts:signup' %}">créer un compte</a> ou <a href="{% url 'accounts:login' %}">vous connecter</a>
pour organiser une nouvelle commande groupée.

View file

@ -1,13 +1,15 @@
{% extends 'base.html' %}
{% block title %}Mode d'emploi{% endblock %}
{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
{% block content %}
{% load static %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
</p>
<div class="box">
<p class="title">Comment ça va marcher ?</p>
<p>Ci dessous un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !</p>
<p>Voilà un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !</p>
<figure class="image is-16by9">
<img src="{% static 'img/notice_1.jpg' %}"/>
</figure>
@ -17,7 +19,7 @@
<figure class="image is-16by9">
<img src="{% static 'img/notice_3.jpg' %}"/>
</figure>
<p><strong>Pour rejoindre une commande groupée,</strong> devez avoir reçu un lien par un organisateur ou une organisatrice de commande.
<p><strong>Pour rejoindre une commande groupée,</strong> vous devez avoir reçu un lien par un organisateur ou une organisatrice de commande.
Si c'est le cas, vous pouvez coller ce lien dans la barre de navigation en haut de l'écran !</p>
<p><strong>Pour créer une commande groupée,</strong> rendez-vous sur <a href="{% url 'order:create_grouped_order' %}">cette page !</a></p>
</div>

View file

@ -2,13 +2,12 @@
{% block title %}Accueil{% endblock %}
{% block content_title %}
Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une ébauche de Chariotte !{% endif %}
{% endblock %}
{% block content %}
{% load static %}
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une ébauche de Chariotte !{% endif %}{% endblock %}
</p>
<div class="columns">
<div class="column">
<div class="box">
@ -47,7 +46,7 @@ Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une
<a class="button is-info is-light" href="https://hashbang.fr/chariotte-news-1.html" target="_blank">1. Le début d'une épopée hivernale</a>
<a class="button is-info is-light" href="https://hashbang.fr/chariotte-news-2.html" target="_blank">2. Un nouveau garage et une équipe qui dépote</a>
<a class="button is-info is-light" href="https://hashbang.fr/chariotte-news-3.html" target="_blank">3. La Chariotte comptable, mendiante et confiante</a>
<a class="button is-info">Etre au courant de la suite !</a>
<a class="button is-info" href="mailto:laetitia@chariotte.fr?subject=Inscription à la lettre d'information !">Etre au courant de la suite !</a>
</div>
</div>
<div class="box is-info">