mirror of
https://framagit.org/la-chariotte/la-chariotte.git
synced 2025-05-02 20:01:51 +02:00
dashboard page
This commit is contained in:
Laetitia Getti
Laetitia Getti
parent
7373a99aec
commit
dab7477f51
2 changed files with 51 additions and 65 deletions
|
|
@ -61,14 +61,6 @@
|
||||||
<img src="{% static 'img/logos/logo_la_chariotte.png' %}">
|
<img src="{% static 'img/logos/logo_la_chariotte.png' %}">
|
||||||
</a>
|
</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">
|
<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>
|
||||||
<span aria-hidden="true"></span>
|
<span aria-hidden="true"></span>
|
||||||
|
|
@ -80,26 +72,27 @@
|
||||||
<div id="navbarBasicExample" class="navbar-menu">
|
<div id="navbarBasicExample" class="navbar-menu">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
<a class="navbar-item" href="{% url 'home' %}">
|
<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>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<a class="navbar-item" href="{% url 'order:index' %}">
|
<a class="navbar-item" href="{% url 'order:index' %}">
|
||||||
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
|
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
|
||||||
</a>
|
</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 %}
|
{% endif %}
|
||||||
|
|
||||||
<a class="navbar-item" href="{% url 'order:grouped_order_join' %}">
|
<a class="navbar-item" href="{% url 'home' %}">
|
||||||
<i class="fa fa-users mr-3" aria-hidden="true"></i>Rejoindre une commande groupée
|
<i class="fa fa-home mr-3" aria-hidden="true"></i>La Chariotte, c'est quoi ?
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="navbar-item" href="{% url 'notice' %}">
|
<a class="navbar-item" href="{% url 'notice' %}">
|
||||||
<i class="fa fa-question-circle mr-3" aria-hidden="true"></i>Comment ça marche ?
|
<i class="fa fa-question-circle mr-3" aria-hidden="true"></i>Comment ça marche ?
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="{% url 'notice' %}">
|
||||||
|
<i class="fa fa-newspaper-o mr-3" aria-hidden="true"></i>Actualités</a>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="navbar-item desktop-hidden">
|
<div class="navbar-item desktop-hidden">
|
||||||
|
|
|
||||||
|
|
@ -1,63 +1,56 @@
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
{% block title %}Accueil{% endblock %}
|
{% block title %}Tableau de bord{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
<p class="desktop-hidden mobile-content-title">
|
<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>
|
</p>
|
||||||
<div class="columns">
|
<div class="columns is-centered">
|
||||||
<div class="column">
|
<div class="column is-10">
|
||||||
<div class="box">
|
<div class="columns">
|
||||||
<p class="title">La Chariotte, c'est quoi ?</p>
|
<div class="column is-half">
|
||||||
<p>La Chariotte, c'est une application web pour organiser des commandes groupées.
|
<div class="box">
|
||||||
L'idée c'est que, en utilisant ce site, vous pouvez proposer à vos voisins, amis, collègues, d'acheter en commun
|
<p class="subtitle">Rejoindre une commande groupée</p>
|
||||||
à des producteurs et des productrices locaux (ou à qui vous voulez !)
|
<p>Si vous avez reçu un code à 6 caractères, entrez-le ici pour vous rendre sur la page de commande :</p>
|
||||||
</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>
|
||||||
<div class="box">
|
|
||||||
<p class="title">La Chariotte en chantier</p>
|
<div class="box">
|
||||||
<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 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 !
|
||||||
<p>En attendant, pour les plus courageux·ses d'entre vous, j'ai besoin de monde pour tester cette première version !
|
Que vous soyez producteur ou productrice, simple passant·e curieux·se,
|
||||||
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.
|
ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres,
|
||||||
Vos retours seront très très précieux pour l'avancée du projet !</p>
|
des bons produits locaux et bien plusa quelque chose à vous proposez !
|
||||||
<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.
|
</p>
|
||||||
Attention : il s'agit d'une version beta, très basique, et qui peut encore contenir des erreurs.</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>
|
||||||
<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> !
|
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue