add questions and yellow borders

la_chariotte/static/sass/base/_content.sass

@@ -9,4 +9,7 @@
 		padding-top: $navbar-height
 
 .formatted-text
-	white-space: pre-wrap
+	white-space: pre-wrap
+
+img.notice-img
+	border: $info 3px solid

la_chariotte/templates/help/faq.html

@@ -42,7 +42,7 @@
 		</article>
 		<article class="message">
 			<div class="message-header">
-				<p>Est-ce que je peux rejoindre une commande commande créer par une personne que je ne connais pas ?</p>
+				<p>Est-ce que je peux rejoindre une commande commande créée par une personne que je ne connais pas ?</p>
 				<a>
 					<span class="icon">
 					<i class="fa fa-angle-down" aria-hidden="true"></i>
@@ -129,7 +129,10 @@
 			</div>
 			<div class="message-body">
 				Dans les faits, la plupart des AMAPs fonctionnent sur la base de commandes 
-				groupées régulières et à destination d'un public d'adhérents fixe.
+				groupées régulières et à destination d'un public d'adhérents fixe.<br>
+				La Chariotte n'a pas vocation à remplacer le système des AMAPs, qui apporte un revenu régulier aux producteur.ice.s ! 
+				L'idée est d'apporter une solution complémentaire pour les endroits où les AMAPs ne sont pas établies, ou pour un produit en particulier qui n'est pas distribué régulièrement dans votre AMAP. 
+				Il arrive aussi parfois que la Chariotte soit choisie comme outil de gestion pour l'AMAP si elle n'en avait pas encore.
 			</div>
 		</article>
 		<article class="message">
@@ -143,9 +146,9 @@
 			</div>
 			<div class="message-body">
 				Nous avons conçu la Chariotte spécifiquement pour répondre aux besoins des 
-				organisateurs et des participants à une commande groupée, en particulier des commandes groupées ponctuelles.
+				organisateur.ice.s et des participant.e.s à une commande groupée, en particulier des commandes groupées ponctuelles.
 				Il s'agit d'un outil spécialisé dont la seule ambition est de simplifier la vie de ses utilisateurs. 
-				Libre à vous d'évaluer vos options et de choisir l'outil qui convient le mieux à votre organisation.
+				Libre à vous d'évaluer vos options et de choisir l'outil qui convient le mieux à votre organisation !
 			</div>
 		</article>
 		<article class="message">

la_chariotte/templates/help/notice.html

@@ -9,10 +9,10 @@
     {% block content_title %}La Chariotte - mode d'emploi{% endblock %}
   </p>
 <div class="box">
-    <p>Comment marche la Chariotte et qu'est-ce qu'on peut y faire ? Voilà toutes les réponses à vos questions :</p>
+    <p>Comment marche la Chariotte et qu'est-ce qu'on peut y faire ? Voilà commment vous pouvez :</p>
     <ul>
         <li><a href="#join_grouped_order">Rejoindre une commande et commander des produits</a></li>
-        <li><a href="#pay">Comment payer</a></li>
+        <li><a href="#pay">Payer (pas encore !)</a></li>
         <li><a href="#create_account">Créer un compte</a></li>
         <li><a href="#create_grouped_order">Créer une commande groupée</a></li>
         <li><a href="#add_item">Ajouter des produits à une commande groupée</a></li>
@@ -20,6 +20,8 @@
         <li><a href="#delete_item">Modifier des produits d'une commande après sa création</a></li>
         <li><a href="#edit_grouped_order">Modifier des informations de la commande</a></li>
         <li><a href="#share_grouped_order">Partager une commande à des participants</a></li>
+        <li><a href="#print_orders_list">Imprimer ma liste de commandes</a></li>
+        <li><a href="#get_spreadsheet">Voir les commandes sous forme de tableur</a></li>
     </ul>
 </div>
 
@@ -28,45 +30,45 @@
     <p>Pour rejoindre une commande groupée, il faut y avoir été invité.e par son organisateur.ice.
         Si vous avez un code à 6 caractères, vous pouvez l'entrer dans l'encadré "Rejoindre une commande groupée"
         sur la page d'accueil de la Chariotte.</p>
-        <img src="{% static 'img/notice/join_grouped_order.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/join_grouped_order.png' %}"/>
     <p>Sinon, cliquez sur le lien que l'organisateur.ice vous a envoyé. Vous arriverez sur la page de commande.</p>
-    <img src="{% static 'img/notice/order_form.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/order_form.png' %}"/>
 </div>
 
 <div class="box" id="pay">
-    <p class="title">Comment payer</p>
+    <p class="title">Payer (pas encore !)</p>
     <p>Pour l’instant, le paiement n’est pas pris en compte par le site de La Chariotte, 
         c’est l’organisateur.ice qui doit vous indiquer les modalités de paiement.</p>
 </div>
 
 <div class="box" id="create_account">
     <p class="title">Créer un compte</p>
-    <p>Cliquez sur “Créer un compte”.</p>
+    <p>1. Cliquez sur “Créer un compte”.</p>
-    <img src="{% static 'img/notice/create_account.jpg' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/create_account.jpg' %}"/>
-    <p>Remplissez toutes les informations du formulaire, puis cliquez sur valider.</p>
+    <p>2. Remplissez toutes les informations du formulaire, puis cliquez sur valider.</p>
-    <img src="{% static 'img/notice/create_account_form.jpg' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/create_account_form.jpg' %}"/>
-    <p>Vous pouvez maintenant vous connecter.</p>
+    <p>3. Vous pouvez maintenant vous connecter.</p>
 </div>
 
 <div class="box" id="create_grouped_order">
     <p class="title">Créer une commande groupée</p>
-    <p>En ayant un compte (nécessaire seulement pour les organisateurs!), vous aurez accès à une page de gestion des commandes groupées en cliquant sur le menu “Mes commandes groupées”.</p>
+    <p>1. En ayant un compte (nécessaire seulement pour les organisateurs!), vous aurez accès à une page de gestion des commandes groupées en cliquant sur le menu “Mes commandes groupées”.</p>
-    <img src="{% static 'img/notice/my_grouped_orders.jpg' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/my_grouped_orders.jpg' %}"/>
-    <p>C’est depuis cette page que vous pourrez créer une nouvelle commande en cliquant sur le bouton “Créer une nouvelle commande groupée” : </p>
+    <p>2. C’est depuis cette page que vous pourrez créer une nouvelle commande en cliquant sur le bouton “Créer une nouvelle commande groupée” : </p>
-    <img src="{% static 'img/notice/create_grouped_order.jpg' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/create_grouped_order.jpg' %}"/>
-    <p>Quelques informations vous seront alors demandées  :</p>
+    <p>3. Quelques informations vous seront alors demandées  :</p>
-    <img src="{% static 'img/notice/create_grouped_order_form.jpg' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/create_grouped_order_form.jpg' %}"/>
-    <p>En cliquand sur "Suivant", votre commande groupée sera validée.</p>
+    <p>4. En cliquant sur "Suivant", votre commande groupée sera validée.</p>
 </div>
 
 <div class="box" id="add_item">
     <p class="title">Ajouter des produits à une commande groupée</p>
     <p>Directement après avoir validé la commande groupée, vous accédez à la page de gestion des produits.</p>
-    <img src="{% static 'img/notice/add_item.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/add_item.png' %}"/>
     <p>Ici, vous pouvez renseigner les produits qui constitueront votre commande groupée. 
         Indiquez le nom du produit, son prix et la quantité disponible. 
         Cliquez sur “Ajouter” pour  valider l’ajout.</p>
-        <img src="{% static 'img/notice/add_item_2.png' %}"/>
+        <img class="notice-img" src="{% static 'img/notice/add_item_2.png' %}"/>
 </div>
 
 <div class="box" id="go_to_overview">
@@ -74,19 +76,19 @@
     <p>Depuis le menu “Mes commandes groupées”, puis en cliquant sur le nom de la commande groupée
          que vous voulez gérer, vous pourrez cliquer ensuite sur “Gestion de la commande groupee”.
         </p>
-    <img src="{% static 'img/notice/go_to_overview.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/go_to_overview.png' %}"/>
     <p>Sinon depuis la page “Mes commandes groupées” il est aussi possible de cliquer directement sur 
         l’icone de la ligne "liste" de la commande groupée que vous voulez gérer.</p>
 </div>
 
 <div class="box" id="delete_item">
     <p class="title">Modifier des produits d'une commande après sa création</p>
-    <p>Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
+    <p>1. Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
         il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
-    <p>Ensuite, dans "Résumé de la commande”, cliquez sur “Gérer les produits”.</p>
+    <p>2. Ensuite, dans "Résumé de la commande”, cliquez sur “Gérer les produits”.</p>
-    <img src="{% static 'img/notice/grouped_order_sum_up.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/grouped_order_sum_up.png' %}"/>
-    <img src="{% static 'img/notice/items_overview.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/items_overview.png' %}"/>
-    <p>Vous êtes maintenant sur la page de gestion des produits depuis laquelle vous pouvez ajouter ou supprimer des produits.
+    <p>3. Vous êtes maintenant sur la page de gestion des produits depuis laquelle vous pouvez ajouter ou supprimer des produits.
         Cliquez sur “Valider” pour sauvegarder les modifications.</p>
     <p>Attention : actuellement, il n'est pas possible de supprimer un produit une fois qu'il a été commandé par un.e participant.e. 
         Si vous voulez vraiment le supprimer, il faudra d'abord supprimer les commandes des participant.e.s concerné.e.s.</p>
@@ -94,22 +96,38 @@
 
 <div class="box" id="edit_grouped_order">
     <p class="title">Modifier des informations de la commande</p>
-    <p>Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
+    <p>1. Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
         il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
-    <p>Vous pouvez ensuite cliquer sur le bouton “Modifier la commande” 
+    <p>2. Vous pouvez ensuite cliquer sur le bouton “Modifier la commande” 
     qui vous amenera vers le formulaire pre-rempli des informations de la commande. </p>
-    <img src="{% static 'img/notice/edit_grouped_order.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/edit_grouped_order.png' %}"/>
-    <p>Modifiez les informations que vous voulez, puis cliquez sur “Suivant” pour valider.</p>
+    <p>3. Modifiez les informations que vous voulez, puis cliquez sur “Suivant” pour valider.</p>
 </div>
 
 <div class="box" id="share_grouped_order">
     <p class="title">Partager une commande à des participants</p>
     <p>Une fois votre commande bien préparée (quantité et prix des produits corrects, informations de la commande justes, …),
-         il faut maintenant la partager a des participants pour qu’il puissent commander.</p>
+         il faut maintenant la partager à des participants pour qu’il puissent commander.</p>
-    <p>Depuis la page de <a href="#go_to_overview">gestion de la commande</a>, 
+    <p>1. Depuis la page de <a href="#go_to_overview">gestion de la commande</a>, 
         allez dans l’onglet “partager et exporter”.</p>
-    <img src="{% static 'img/notice/share_grouped_order.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/share_grouped_order.png' %}"/>
-    <p>Vous pouvez copier le lien, et l’envoyer à vos connaissances.</p>
+    <p>2. Vous pouvez copier le lien, et l’envoyer à vos connaissances.</p>
-    <img src="{% static 'img/notice/copy_link.png' %}"/>
+    <img class="notice-img" src="{% static 'img/notice/copy_link.png' %}"/>
+</div>
+
+<div class="box" id="print_orders_list">
+    <p class="title">Imprimer ma liste de commandes</p>
+    <p>1. Pour cela, il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
+    <p>2. Ensuite, dans "Partager et exporter”, cliquez sur “Commandes en PDF”.</p>
+    <img class="notice-img" src="{% static 'img/notice/print_orders_list.png' %}"/>
+    <p>3. Cela lance le téléchargement de votre liste de commandes en PDF.</p>
+</div>
+
+<div class="box" id="get_spreadsheet">
+    <p class="title">Voir les commandes sous forme de tableur</p>
+    <p>1. Pour cela, il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
+    <p>2. Ensuite, dans "Partager et exporter”, cliquez sur “Commandes en CSV”.</p>
+    <img class="notice-img" src="{% static 'img/notice/get_spreadsheet.png' %}"/>
+    <p>3. Le format CSV vous permet d'ouvrir le fichier avec le tableur de votre choix (libreoffice, excel, ...).</p>
 </div>
 {% endblock %}

static/sass/style.css

@@ -7874,6 +7874,9 @@ a.navbar-item:hover {
 .formatted-text {
   white-space: pre-wrap; }
 
+img.notice-img {
+  border: #e9b049 3px solid; }
+
 .button {
   white-space: normal;
   height: auto; }