mirror of
https://framagit.org/la-chariotte/la-chariotte.git
synced 2025-05-18 19:50:35 +02:00
Compare commits
4 commits
3e0aaefbf6
...
d879e8bb95
| Author | SHA1 | Date | |
|---|---|---|---|
|
d879e8bb95 | ||
|
|
58f73ac038 | ||
|
|
88295ad1f0 | ||
|
|
cce7446776 |
6 changed files with 263 additions and 8 deletions
|
|
@ -9,6 +9,8 @@ BASE_URL = os.getenv("BASE_URL", "http://127.0.0.1:8000")
|
|||
PROJECT_NAME = os.getenv("PROJECT_NAME", "La Chariotte")
|
||||
GITLAB_LINK = "https://gitlab.com/hashbangfr/la_chariotte"
|
||||
CONTACT_MAIL = "contact@chariotte.fr"
|
||||
HELLOASSO_LINK = "https://www.helloasso.com/associations/la-chariotte/"
|
||||
FEEDBACK_LINK = "https://framaforms.org/votre-avis-sur-la-chariotte-1709742328"
|
||||
|
||||
# SECURITY WARNING: keep the secret key used in production secret!
|
||||
SECRET_KEY = os.getenv(
|
||||
|
|
|
|||
|
|
@ -17,3 +17,4 @@
|
|||
@import "./base/titles"
|
||||
@import "./base/tabs"
|
||||
@import "./base/footer"
|
||||
@import "./base/accordion"
|
||||
|
|
|
|||
|
|
@ -93,6 +93,9 @@
|
|||
<a class="navbar-item" href="{% url 'notice' %}">
|
||||
<i class="fa fa-cog mr-3" aria-hidden="true"></i>Comment ça marche ?
|
||||
</a>
|
||||
<a class="navbar-item" href="{% url 'faq' %}">
|
||||
<i class="fa fa-question mr-3" aria-hidden="true"></i>FAQ
|
||||
</a>
|
||||
<a class="navbar-item" href="https://blog.chariotte.fr/last">
|
||||
<i class="fa fa-newspaper-o mr-3" aria-hidden="true"></i>Actualités</a>
|
||||
</div>
|
||||
|
|
@ -166,9 +169,9 @@
|
|||
<h4 class="mb-4">Soutenez-nous</h4>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="https://framaforms.org/votre-avis-sur-la-chariotte-1709742328"><i class="fa fa-comments mr-2 text-muted"></i>Que pensez-vous de la Chariotte ?</a>
|
||||
<a href="{% settings_value "FEEDBACK_LINK" %}"><i class="fa fa-comments mr-2 text-muted"></i>Que pensez-vous de la Chariotte ?</a>
|
||||
</li>
|
||||
<li><a href="https://www.helloasso.com/associations/la-chariotte/"><i class="fa fa-heart mr-2 text-muted"></i>Faire un (petit) don</a></li>
|
||||
<li><a href="{% settings_value "HELLOASSO_LINK" %}"><i class="fa fa-heart mr-2 text-muted"></i>Faire un (petit) don</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
223
la_chariotte/templates/help/faq.html
Normal file
223
la_chariotte/templates/help/faq.html
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}FAQ{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% load static %}
|
||||
{% load settings %}
|
||||
|
||||
<p class="desktop-hidden mobile-content-title">
|
||||
{% block content_title %}La Chariotte - Facile A Qomprendre{% endblock %}
|
||||
</p>
|
||||
<div class="box">
|
||||
<div class="accordion">
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>C'est quoi l'outil la Chariotte ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
La Chariotte c'est une application web qui permet de simplifier la gestion et l'organisation de commandes groupées.
|
||||
Voyez ça comme un excel amélioré spécifique aux besoins de l'organisation d'une commande groupée.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>C'est quoi la Chariotte plus largement ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
C'est avant tout un logiciel libre dont vous pouvez utiliser l'instance officielle sur chariotte.fr.
|
||||
C'est aussi le nom de l'association responsable de la maintenance de ce logiciel. Tous bénévoles,
|
||||
les membres de la Chariotte font vivre et améliorent continuellement l'outil pour répondre à vos besoins.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Faut-il faire partie de l'asso pour utiliser la chariotte ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
Non !
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Puis-je rejoindre l'association ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
Bien sûr et avec grand plaisir !
|
||||
Si vous êtes intéressés pour rejoindre cette aventure,
|
||||
contactez-nous sur <a href="mailto:{% settings_value "CONTACT_MAIL" %}">contact@chariotte.fr</a>.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>C'est quoi un logiciel libre ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
La Chariotte est développée sous licence libre Affero GPL.
|
||||
Cela signifie que vous pouvez <a href="{% settings_value "GITLAB_LINK" %}">aller voir le code</a>
|
||||
si vous êtes curieux, y contribuer si vous êtes motivé·e, ou même créer votre propre instance si vous le souhaitez !
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>C'est quoi une commande groupée ? Ça s'organise comment ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
C'est la mise en relation ponctuelle d'un producteur, ou plutôt ses produits,
|
||||
avec des particuliers, pour permettre une consommation en circuit court et hors
|
||||
des modes de consommation de masse conventionnels.
|
||||
<br><br>
|
||||
Pour faire simple, imaginons que vous connaissiez l'apicultrice du coin et que plusieurs de
|
||||
vos voisins vous aient dit être prêts à acheter du miel.
|
||||
Vous pouvez alors commander 40 pots de miel à votre amie et les redistribuer à tout le quartier,
|
||||
tout ça en un seul voyage !
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Quelle est la différence avec une AMAP ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</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.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Quel est l'avantage de la Chariotte par rapport au logiciel de mon AMAP ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</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.
|
||||
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.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Je veux organiser une commande groupée, où est-ce que je trouve des producteurs ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
La Chariotte ne fournit pour l'instant pas de liste de producteurs ;
|
||||
c'est une bonne occasion de faire connaissance avec ceux près de chez vous !
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Suis-je obligé de créer un compte pour commander ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
Même pas ! La création d'un compte n'est obligatoire que pour les utilisateurs souhaitant organiser
|
||||
leurs propres commandes groupées. La participation à une commande existante
|
||||
se veut à destination du plus grand nombre et ne nécessite donc pas de compte sur le site.
|
||||
</div>
|
||||
</article>
|
||||
<article class="message">
|
||||
<div class="message-header">
|
||||
<p>Comment puis-je soutenir la Chariotte ?</p>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
<p>Nous sommes une jeune association, et nous avons besoin de trois choses : de la visibilité,
|
||||
des retours d'utilisateurs et un peu d'argent !</li>
|
||||
<ul><li>Vous pouvez nous rejoindre sur les réseaux (Facebook, Mastodon, LinkedIn) pour aimer
|
||||
et partager nos posts, ou encore parler de la Chariotte à vos amis !</li>
|
||||
<li>Si vous saisissez une occasion d'utiliser la Chariotte, nous avons besoin de vous !
|
||||
N'hésitez pas à nous faire un rapport de votre expérience de la Chariotte en pointant
|
||||
les bons et les mauvais côtés de l'application. Par exemple en remplissant
|
||||
<a href="{% settings_value "FEEDBACK_LINK" %}">ce formulaire</a> !</li>
|
||||
<li>Si le projet vous parle et que vous avez envie de nous soutenir de manière plus significative
|
||||
encore, nous avons besoin d'un peu d'argent de poche pour soutenir les frais de l'association ;
|
||||
<a href ="{% settings_value "HELLOASSO_LINK" %}">par ici</a> pour en savoir plus !</li>
|
||||
</ul>
|
||||
<p>Et enfin, si vous souhaitez en savoir plus sur l'association en elle-même et que vous
|
||||
souhaitez faire partie intégrante du projet, la Chariotte est à la recherche de bénévoles motivé·e·s !
|
||||
N'hésitez pas à nous écrire un mot sur contact@chariotte.fr pour en savoir plus et rentrer en contact directement avec nous.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<script>
|
||||
{% block extra_js %}
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
var acc = document.getElementsByClassName("message-header");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < acc.length; i++) {
|
||||
acc[i].addEventListener("click", function() {
|
||||
/* Toggle between adding and removing the "active" class,
|
||||
to highlight the button that controls the panel */
|
||||
this.classList.toggle("active");
|
||||
|
||||
/* Toggle between hiding and showing the active panel */
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.display === "block") {
|
||||
panel.style.display = "none";
|
||||
} else {
|
||||
panel.style.display = "block";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
{% endblock %}
|
||||
</script>
|
||||
|
|
@ -9,11 +9,32 @@
|
|||
{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
|
||||
</p>
|
||||
<div class="box">
|
||||
<p>Voilà un petit dessin pour vous expliquer le déroulé d'une commande groupée avec la Chariotte.</p>
|
||||
<figure class="image">
|
||||
<img src="{% static 'img/notice_1.jpg' %}"/>
|
||||
<img src="{% static 'img/notice_2.jpg' %}"/>
|
||||
<img src="{% static 'img/notice_3.jpg' %}"/>
|
||||
</figure>
|
||||
<p>Comment marche la Chariotte et qu'est-ce qu'on peut y faire ? Voilà toutes les réponses à vos questions :</p>
|
||||
<ul>
|
||||
<li><a href="#creer_compte">Créer un compte</a></li>
|
||||
<li><a href="#creer_commande_groupee">Créer une commande groupée</a></li>
|
||||
<li><a href="#ajouter_prodtuits">Ajouter des produits à une commande groupée</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box" id="creer_compte">
|
||||
<p class="title">Créer un compte</p>
|
||||
<p>Cliquez sur “Créer un compte”.</p>
|
||||
<img src="{% static 'img/notice/create_account.jpg' %}"/>
|
||||
<p>Remplissez toutes les informations du formulaire, puis cliquez sur valider.</p>
|
||||
<img src="{% static 'img/notice/create_account_form.jpg' %}"/>
|
||||
<p>Vous pouvez maintenant vous connecter.</p>
|
||||
</div>
|
||||
|
||||
<div class="box" id="creer_commande_groupee">
|
||||
<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>
|
||||
<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>
|
||||
<img src="{% static 'img/notice/create_grouped_order.jpg' %}"/>
|
||||
<p>Quelques informations vous seront alors demandées :</p>
|
||||
<img src="{% static 'img/notice/create_grouped_order_form.jpg' %}"/>
|
||||
<p>En cliquand sur "Suivant", votre commande groupée sera validée.</p>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -62,6 +62,11 @@ urlpatterns = [
|
|||
TemplateView.as_view(template_name="help/notice.html"),
|
||||
name="notice",
|
||||
),
|
||||
path(
|
||||
"faq",
|
||||
TemplateView.as_view(template_name="help/faq.html"),
|
||||
name="faq",
|
||||
),
|
||||
path(
|
||||
"mentions-legales",
|
||||
TemplateView.as_view(
|
||||
|
|
|
|||
Loading…
Reference in a new issue