almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-02 20:01:51 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

dashboard page

Browse source
This commit is contained in:
Laetitia Getti 2023-08-14 21:29:06 +02:00 committed by Laetitia Getti
parent 7373a99aec
commit dab7477f51
2 changed files with 51 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
la_chariotte/templates/base.html
View file

@ -61,14 +61,6 @@
<img src="{% static 'img/logos/logo_la_chariotte.png' %}">
</a>
{% if user.is_authenticated %}
<div class="navbar-item desktop-hidden">
<a class="button is-light" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes
</a>
</div>
{% endif %}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
@ -80,26 +72,27 @@
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="{% url 'home' %}">
<i class="fa fa-home mr-3" aria-hidden="true"></i>Accueil
<i class="fa fa-home mr-3" aria-hidden="true"></i>Tableau de bord
</a>
{% if user.is_authenticated %}
<a class="navbar-item" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
</a>
<a class="navbar-item" href="{% url 'order:create_grouped_order' %}">
<i class="fa fa-plus-circle mr-3" aria-hidden="true"></i>Créer une commande groupée
</a>
{% endif %}
<a class="navbar-item" href="{% url 'order:grouped_order_join' %}">
<i class="fa fa-users mr-3" aria-hidden="true"></i>Rejoindre une commande groupée
<a class="navbar-item" href="{% url 'home' %}">
<i class="fa fa-home mr-3" aria-hidden="true"></i>La Chariotte, c'est quoi&nbsp;?
</a>
<a class="navbar-item" href="{% url 'notice' %}">
<i class="fa fa-question-circle mr-3" aria-hidden="true"></i>Comment ça marche&nbsp;?
</a>
<a class="navbar-item" href="{% url 'notice' %}">
<i class="fa fa-newspaper-o mr-3" aria-hidden="true"></i>Actualités</a>
</div>
<hr>
<div class="navbar-item desktop-hidden">

91
la_chariotte/templates/home.html
View file

@ -1,63 +1,56 @@
{% extends 'base.html' %}
{% block title %}Accueil{% endblock %}
{% block title %}Tableau de bord{% 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 %}
{% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur la Chariotte !{% endif %}{% endblock %}
</p>
<div class="columns">
<div class="column">
<div class="box">
<p class="title">La Chariotte, c'est quoi ?</p>
<p>La Chariotte, c'est une application web pour organiser des commandes groupées.
L'idée c'est que, en utilisant ce site, vous pouvez proposer à vos voisins, amis, collègues, d'acheter en commun
à des producteurs et des productrices locaux (ou à qui vous voulez !)
</p>
<div class="columns is-centered">
<div class="column is-10">
<div class="columns">
<div class="column is-half">
<div class="box">
<p class="subtitle">Rejoindre une commande groupée</p>
<p>Si vous avez reçu un code à 6 caractères, entrez-le ici pour vous rendre sur la page de commande :</p>
</div>
</div>
<div class="column is-half">
<div class="box">
{% if user.is_authenticated %}
<p class="subtitle">... Ou accédez à vos commandes groupées</p>
<a class="button is-primary" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
</a>
{% else %}
<p class="subtitle">... Ou connectez-vous pour organiser une commande groupée</p>
<a class="button is-primary" href="{% url 'accounts:login' %}">
<i class="fa fa-sign-in mr-3" aria-hidden="true"></i>Se connecter
</a>
<a class="button is-light" href="{% url 'accounts:signup' %}">
<strong>Créer un compte</strong>
</a>
{% endif %}
</div>
</div>
</div>
<div class="box">
<p class="title">La Chariotte en chantier</p>
<p>La Chariotte qui se cache derrière cette page est en pleine construction. L'application finale sera disponible ici dans quelques mois.</p>
<p>En attendant, pour les plus courageux·ses d'entre vous, j'ai besoin de monde pour tester cette première version !
Si vous avez un petit peu de temps, vous pouvez m'écrire (<a href="mailto:laetitia@chariotte.fr">laetitia@chariotte.fr</a>) pour que je vous donne accès à la page de création de compte.
Vos retours seront très très précieux pour l'avancée du projet !</p>
<p>Et si vous avez reçu un lien de commande, vous pouvez simplement le coller dans la barre de navigation en haut de l'écran.
Attention : il s'agit d'une version beta, très basique, et qui peut encore contenir des erreurs.</p>
<div class="box">
<p class="title">La Chariotte, outil au service des commandes groupées</p>
<p>Bienvenue sur la Chariotte, pensée pour vous aider à organiser des commandes groupées !
Que vous soyez producteur ou productrice, simple passant·e curieux·se,
ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres,
des bons produits locaux et bien plusa quelque chose à vous proposez !
</p>
<div class="buttons is-centered">
<a class="button is-info" href="{% url 'accounts:login' %}">
<i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus sur la Chariotte
</a>
</div>
</div>
</div>
<div class="box">
<p class="title">La Chariotte libre</p>
<p>La Chariotte est un logiciel libre, c'est-à-dire que son code est disponible à tous, et que tous peuvent y contribuer.
Il n'y a rien de secret ! Vous pouvez aller voir le code <a href="https://gitlab.com/hashbangfr/la_chariotte/" target="_blank">ici</a> :) </p>
<p>Cette application va encore évoluer, avec des fonctionnalités qui s'ajouteront au fur et à mesure du développement, et de vos retours.
Pour la suite, voilà ce qui est prévu pour l'instant :
<a href="https://seafile.hashbang.fr/f/2aa3604441d541ecadb4/" target="_blank">Fonctionnalités par versions</a>
<p>Vous pouvez aussi faire des suggestions <a href="https://annuel2.framapad.org/p/la-chariotte---retours-9zqx?lang=fr" target="_blank">ici</a> !</p>
</p>
</div>
</div>
<div class="column is-4">
<div class="box is-info">
<p class="subtitle">Un peu de lecture ?</p>
<p>Chariotte news vous explique l'histoire du projet de la Chariotte</p>
<div class="buttons is-centered">
<a class="button is-info is-light is-fullwidth" href="https://hashbang.fr/chariotte-news-1.html" rel="noopener" target="_blank">1. Le début d'une épopée hivernale</a>
<a class="button is-info is-light is-fullwidth" href="https://hashbang.fr/chariotte-news-2.html" rel="noopener" target="_blank">2. Un nouveau garage et une équipe qui dépote</a>
<a class="button is-info is-light is-fullwidth" href="https://hashbang.fr/chariotte-news-3.html" rel="noopener" target="_blank">3. La Chariotte comptable, mendiante et confiante</a>
<a class="button is-info is-light is-fullwidth" href="https://hashbang.fr/chariotte-news-4.html" rel="noopener" target="_blank">4. La Chariotte sort de son nid</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>
<p>Et suivez la Chariotte sur
<a href="https://www.facebook.com/profile.php?id=100091984176981" target="_blank" rel="noopener">Facebook</a>,
<a href="https://www.linkedin.com/company/la-chariotte-commandes-groupees/" target="_blank" rel="noopener">Linkedin</a> ou
<a href="https://mastodon.scop.coop/@la_chariotte" target="_blank" rel="noopener">Mastodon</a>&nbsp!
</p>
</div>
<div class="box is-info">
<p class="subtitle">Merci à ceux et celles qui soutiennent la Chariotte financièrement !</p>
<img src="{% static 'img/contributeureuses.png' %}"/>
</div>
</div>
{% endblock %}