mirror of
https://framagit.org/la-chariotte/la-chariotte.git
synced 2025-05-01 19:32:26 +02:00
titles visible on mobile
This commit is contained in:
parent
2a8f6fd547
commit
af466f960f
14 changed files with 55 additions and 29 deletions
|
@ -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,
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 !
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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
|
|
@ -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">
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue