notice page

la_chariotte/templates/base.html

@@ -91,6 +91,10 @@
           <a class="navbar-item" href="{% url 'join_grouped_order' %}">
             Rejoindre une commande groupée
           </a>
+
+          <a class="navbar-item" href="{% url 'notice' %}">
+            Comment ça marche ?
+          </a>
         </div>
         <hr>
         <div class="navbar-item desktop-hidden">

la_chariotte/templates/help/notice.html

@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+
+{% block title %}Mode d'emploi{% endblock %}
+{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
+
+{% block content %}
+{% load static %}
+<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>
+    <figure class="image is-16by9">
+        <img src="{% static 'img/notice_1.jpg' %}"/>
+    </figure>
+    <figure class="image is-16by9">
+        <img src="{% static 'img/notice_2.jpg' %}"/>
+    </figure>
+    <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. 
+	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>
+{% endblock %}

la_chariotte/urls.py

@@ -27,4 +27,9 @@ urlpatterns = [
         TemplateView.as_view(template_name="help/join_grouped_order.html"),
         name="join_grouped_order",
     ),
+    path(
+        "mode-d-emploi",
+        TemplateView.as_view(template_name="help/notice.html"),
+        name="notice",
+    ),
 ]