Commit 2ef6c66a authored by N. Peraldi's avatar N. Peraldi

style: improve css accessibility

parent 00ee2acd
......@@ -29,7 +29,7 @@ get_header(); ?>
alternative au système des licences propriétaires, en particulier dans le domaine des logiciels
métiers.
</p>
<a href="<?php echo $qui_sommes_nous_link ?>" title="" class="adullact-stylized-button">Lire plus</a>
<a href="<?php echo $qui_sommes_nous_link ?>" title="" class="">En savoir plus sur L'Adullact</a>
</div>
</div>
......@@ -38,63 +38,62 @@ get_header(); ?>
<h2 class="adullact-no-height-padding">Nos initiatives</h2>
<div class="adullact-cadres-ligne-space">
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $comptoir_icon ?>" alt="">
</div>
<a href="https://comptoir-du-libre.org/">
<div class="adullact-icone-service">
<img src="<?= $comptoir_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Le Comptoir</p>
<p class="adullact-description-cadre">Pour trouver le logiciel libre ou prestataire pour vos besoins</p>
<p class="adullact-description-cadre">Pour trouver le logiciel libre ou prestataire pour vos
besoins</p>
</a>
</div>
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $forge_icon ?>" alt="">
</div>
<a href="https://gitlab.adullact.net/">
<div class="adullact-icone-service">
<img src="<?= $forge_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Les Forges</p>
<p class="adullact-description-cadre">Pour trouver ou déposer le code source d’un logiciel libre</p>
<p class="adullact-description-cadre">Pour trouver ou déposer le code source d’un logiciel
libre</p>
</a>
</div>
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $services_icon ?>" alt="">
</div>
<a href="http://www.s2low.org/">
<div class="adullact-icone-service">
<img src="<?= $services_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Les services</p>
<p class="adullact-description-cadre">Pour découvrir les services en ligne offerts à nos adhérents</p>
<p class="adullact-description-cadre">Pour découvrir les services en ligne offerts à nos
adhérents</p>
</a>
</div>
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $labelTNL_icon ?>" alt="">
</div>
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $labelTNL_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Le Label TNL</p>
<p class="adullact-description-cadre">Pour récompenser les usages numériques libres dans les collectivités</p>
<p class="adullact-description-cadre">Pour récompenser les usages numériques libres dans les
collectivités</p>
</a>
</div>
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $newsletter_icon ?>" alt="">
</div>
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $newsletter_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">La lettre</p>
<p class="adullact-description-cadre">Pour recevoir les nouvelles de la communauté libre</p>
</a>
</div>
<div class="adullact-cadre">
<div class="adullact-icone-service">
<img src="<?= $faq_icon ?>" alt="">
</div>
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $faq_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">La FAQ</p>
<p class="adullact-description-cadre">Pour trouver des réponses à vos questions sur le libre</p>
</a>
</div>
</div>
......
......@@ -214,6 +214,16 @@ h1, h2 {
background-color: white;
}
#adullact-mainpage-text a {
text-decoration: underline;
margin: auto;
margin-right: 0;
float: right;
}
#adullact-mainpage-text a:hover {
color: #4891bf;
}
#adullact-mainpage-articles {
background-color: #F5F5F5;
......@@ -265,6 +275,7 @@ h1, h2 {
margin: 0;
margin-top: -53px;
margin-bottom: 12px;
text-decoration: underline;
}
.adullact-cadre-texte {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment