From 2d9f1f7d40468d0b2ba3634e7cdd6cbf3f1a8118 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Thu, 4 Feb 2021 17:56:46 +0100
Subject: [PATCH] homepage texts

---
 .../core/components/home/home.component.html  | 89 +++++++++++++------
 src/assets/i18n/FR.json                       |  3 +-
 2 files changed, 66 insertions(+), 26 deletions(-)

diff --git a/src/app/core/components/home/home.component.html b/src/app/core/components/home/home.component.html
index 20641ab1..cb87a8f9 100644
--- a/src/app/core/components/home/home.component.html
+++ b/src/app/core/components/home/home.component.html
@@ -34,35 +34,74 @@
 				</div>
 			</div>
 			<div class="column">
-				<img src="assets/img/undraw_group_selfie_ijc6.svg" alt="image WIP" />
-				<p>
+				<blockquote class="notification is-info is-light content is-size-3 has-text-weight-medium">
+					<h2 class="title is-2">
+						{{ 'SENTENCES.what-is-framadate' | translate }}
+					</h2>
+					<i class="fa fa-poll"></i>
 					{{
 						'SENTENCES.framadate-is-an-online-service-for-planning-an-appointment-or-making-a-decision-quickly-and-easily'
 							| translate
 					}}
-					{{ 'SENTENCES.here-is-how-it-works' | translate }}
-					{{ 'SENTENCES.send-the-poll-link-to-your-friends-or-colleagues' | translate }}
-				</p>
-				<p>
-					{{ 'SENTENCES.what-is-framadate' | translate }}
-					{{ 'SENTENCES.view-an-example' | translate }}
-					{{ 'SENTENCES.framadate-is-licensed-under-the' | translate }}
-					<span class="licence">
-						GNU Affero v3 Licence
-					</span>
-				</p>
-				<p>
-					{{ 'SENTENCES.grow-your-own' | translate }}
-					{{
-						'SENTENCES.if-you-want-to-install-the-software-for-your-own-use-and-thus-increase-your-independence-we-can-help'
-							| translate
-					}}
-					{{
-						'SENTENCES.to-participate-in-the-software-development-suggest-improvements-or-simply-download-it-please-visit'
-							| translate
-					}}
-					{{ 'SENTENCES.the-development-site' | translate }}
-				</p>
+				</blockquote>
+			</div>
+			<div class="column">
+				<img src="assets/img/undraw_group_selfie_ijc6.svg" alt="image WIP" />
+				<div class="columns">
+					<div class="column">
+						<h2 class="title is-2">
+							<i class="fa fa-format-paint"></i>
+							{{ 'SENTENCES.here-is-how-it-works' | translate }}
+						</h2>
+						<p>
+							{{ 'SENTENCES.send-the-poll-link-to-your-friends-or-colleagues' | translate }}
+
+							{{ 'SENTENCES.what-you-can-do' | translate }}
+						</p>
+						<h2 class="title is-2">
+							<i class="fa fa-format-paint"></i>
+							{{ 'SENTENCES.view-an-example' | translate }}
+						</h2>
+						<p>
+							<a href="/poll/orange-ou-citron/consultation" class="btn btn-info">
+								<i class="fa fa-biking"></i> Orange ou citron?
+							</a>
+						</p>
+						<p>
+							<i class="fa fa-gavel"></i>
+
+							{{ 'SENTENCES.framadate-is-licensed-under-the' | translate }}
+							<span class="licence has-text-weight-medium">
+								GNU Affero v3 Licence
+							</span>
+							<a
+								class="btn btn-info"
+								href="https://framagit.org/framasoft/framadate/funky-framadate-front"
+							>
+								<i class="fa fa-feather"></i>
+								Sources
+							</a>
+						</p>
+					</div>
+
+					<div class="column">
+						<h2 class="title is-2">
+							<i class="fa fa-seeding"></i>
+							{{ 'SENTENCES.grow-your-own' | translate }}
+						</h2>
+						<p>
+							{{
+								'SENTENCES.if-you-want-to-install-the-software-for-your-own-use-and-thus-increase-your-independence-we-can-help'
+									| translate
+							}}
+							{{
+								'SENTENCES.to-participate-in-the-software-development-suggest-improvements-or-simply-download-it-please-visit'
+									| translate
+							}}
+							{{ 'SENTENCES.the-development-site' | translate }}
+						</p>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/src/assets/i18n/FR.json b/src/assets/i18n/FR.json
index df1c8d17..a2c693b7 100644
--- a/src/assets/i18n/FR.json
+++ b/src/assets/i18n/FR.json
@@ -149,7 +149,8 @@
 		"do-you-want-to": "Voulez-vous",
 		"framadate-is-an-online-service-for-planning-an-appointment-or-making-a-decision-quickly-and-easily-n": "Framadate est un service en ligne permettant de planifier un rendez-vous ou prendre des décisions rapidement et simplement. Aucune inscription préalable n’est nécessaire.",
 		"here-is-how-it-works": "Voici comment ça fonctionne :",
-		"send-the-poll-link-to-your-friends-or-colleagues": "Envoyez le lien du sondage à vos ami·e·s ou collègues",
+		"send-the-poll-link-to-your-friends-or-colleagues": "Créez un sondage en choisissant les réponses possibles, et vous recevez un lien par email. Envoyez le lien du sondage à vos ami·e·s ou collègues.",
+		"what-you-can-do": "Vous pouvez faire des propositions de dates et horaires de rendez-vous, limiter le nombre de participants, poser des questions de toutes sortes, permettre de la finesse dans les réponses, exporter les données... tout reste sous votre contrôle et vos libertés seront toujours respectées, car c'est un logiciel libre.",
 		"what-is-framadate": "Prise en main",
 		"view-an-example": "voir un exemple ?",
 		"cecill-b-license": "licence CeCILL-B",