boutons reprenez le contrôle

This commit is contained in:
Pascal Engélibert 2023-06-05 17:00:11 +02:00
parent a3e6323201
commit b465f0f19a
2 changed files with 46 additions and 2 deletions

View file

@ -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> <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> </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="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="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") }} {{ 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") }} {{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
</div> </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> <h2 class="title-bar" style="margin-top: 96px;">Pour qui&#8239;?</h2>
<div class="nn" style="text-align: left"> <div class="nn" style="text-align: left">

View file

@ -212,3 +212,43 @@ h3 {
.img-right img { .img-right img {
max-width: 100vw; 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;
}
}