From b465f0f19a7d2f585ab2a25c00441544fa96fc2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pascal=20Eng=C3=A9libert?= <tuxmain@zettascript.org>
Date: Mon, 5 Jun 2023 17:00:11 +0200
Subject: [PATCH] =?UTF-8?q?boutons=20reprenez=20le=20contr=C3=B4le?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/_index.md  |  8 ++++++--
 sass/css/base.scss | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index 04cdef3..a8a7793 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -22,9 +22,11 @@ title = "Librezo"
 	<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
 </div>
 
-<a href="/logiciel-libre" class="slogan1">Reprenez le contrôle</a>
+<div style="height: 32px;"> </div>
 
-<div class="square_boxes nn1400" style="margin-top: 64px;">
+<a href="/logiciel-libre" class="bigbutton">Reprenez le contrôle ↱</a>
+
+<div class="square_boxes nn1400" style="margin-top: 64px;margin-bottom: 64px;">
 {{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }}
 {{ square_box(title="Résilience", text="Récupérez rapidement d'une panne avec des sauvegardes") }}
 {{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }}
@@ -37,6 +39,8 @@ title = "Librezo"
 {{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
 </div>
 
+<a href="/logiciel-libre" class="bigbutton2">En savoir plus sur les logiciels libres</a>
+
 <h2 class="title-bar" style="margin-top: 96px;">Pour qui&#8239;?</h2>
 
 <div class="nn" style="text-align: left">
diff --git a/sass/css/base.scss b/sass/css/base.scss
index 1e481db..fa584c2 100644
--- a/sass/css/base.scss
+++ b/sass/css/base.scss
@@ -212,3 +212,43 @@ h3 {
 .img-right img {
 	max-width: 100vw;
 }
+
+.bigbutton {
+	background: linear-gradient(-0.125turn, $blue, $violet);
+	border-radius: 4px;
+	font-family: Neucha;
+	font-size: 150%;
+	padding: 16px;
+}
+
+a.bigbutton, a.bigbutton:hover, a.bigbutton:focus {
+	color: white;
+	text-decoration: none;
+}
+
+a.bigbutton:hover, a.bigbutton:focus {
+	box-shadow: 4px 4px 0 $violet;
+}
+
+.bigbutton2 {
+	border: 1px solid $blue;
+	border-radius: 4px;
+	font-family: Neucha;
+	font-size: 150%;
+	padding: 16px;
+}
+
+a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus {
+	color: black;
+	text-decoration: none;
+}
+
+a.bigbutton2:hover, a.bigbutton2:focus {
+	box-shadow: 4px 4px 0 $violet;
+}
+
+@media (prefers-color-scheme: dark) {
+	a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus {
+		color: white;
+	}
+}