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"
+
Reprenez le contrôle ↱
+
+
{{ 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") }}
+
En savoir plus sur les logiciels libres
+
Pour qui ?
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;
+ }
+}