From 1772918602f17dc7758888ad17531e23d9cf3084 Mon Sep 17 00:00:00 2001
From: Laetitia Getti <laetitia@hashbang.fr>
Date: Mon, 15 May 2023 17:50:34 +0200
Subject: [PATCH] home page for beta version

---
 la_chariotte/templates/home.html | 54 ++++++++++++++++++++++++--------
 1 file changed, 41 insertions(+), 13 deletions(-)

diff --git a/la_chariotte/templates/home.html b/la_chariotte/templates/home.html
index f713ccd..ba758d2 100644
--- a/la_chariotte/templates/home.html
+++ b/la_chariotte/templates/home.html
@@ -3,21 +3,49 @@
 {% block title %}Accueil{% endblock %}
 
 {% block content_title %}
-Bienvenue{% if user.is_authenticated %}, {{ user.username }}{% else %}&nbsp;!{% endif %}
+Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une ébauche de Chariotte !{% endif %}
 {% endblock %}
 
 {% block content %}
-{% if user.is_authenticated %}
-  Hi {{ user.first_name }}!
-  <p>
-    <a href="{% url 'order:index' %}">Mes commandes groupées</a>
-  </p>
-  <p>
-    <a href="{% url 'accounts:logout' %}">Se déconnecter</a>
-  </p>
-{% else %}
-  <p>You are not logged in</p>
-  <a class="button is-primary" href="{% url 'accounts:login' %}">Se connecter</a>
-{% endif %}
+
+<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 (ou à qui vous voulez !)
+      </p>
+    </div>
+    <div class="box">
+      <p class="title">La Chariotte en chantier</p>
+      <p>La Chariotte qui se cache derrière cette page est en plein 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 les premières versions !
+        Dès maintenant, vous pouvez vous créer un compte pour commencer une commande groupée, ou bien en rejoindre une si vous avez reçu un lien.
+        Et surtout, tenez-moi au courant ! Vos retours seront très précieux pour l'avancée du projet.</p>
+      <p>Attention : il s'agit d'une version beta, très basique, et qui peut encore contenir des erreurs.</p>
+      <p>Vous pouvez noter vos retours <a href="https://annuel2.framapad.org/p/la-chariotte---retours-9zqx?lang=fr" target="_blank">ici</a>, 
+        ou m'écrire directement à l'adresse <a href="mailto:laetitia@chariotte.fr?subject=Retour sur la Chariotte">laetitia@chariotte.fr</a></p>
+    </div>
+    <div class="box">
+      <p class="title">Une 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 dans la Chariotte ! 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>
+    </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" href="https://hashbang.fr/chariotte-news-1.html" target="_blank">1. Le début d'une épopée hivernale</a>
+      <a class="button is-info is-light" href="https://hashbang.fr/chariotte-news-2.html" target="_blank">2. Un nouveau garage et une équipe qui dépote</a>
+      <a class="button is-info is-light" href="https://hashbang.fr/chariotte-news-3.html" target="_blank">3. La Chariotte comptable, mendiante et confiante</a>
+      <a class="button is-info">Etre au courant de la suite !</a>
+    </div>
+  </div>
+</div>
 {% endblock %}