Skip to content

GitLab

Commit 6c929f15 authored by Matthieu FAURE's avatar Matthieu FAURE ⛵
Browse files

Merge branch '65-correction-accessibilite-page-d-accueil' into 'master' 

Resolve "Correction accessibilité page d'accueil"

Closes #65

See merge request !45
parents 6dfa299d b184c9ac
Hide whitespace changes
Inline Side-by-side
Showing with 257 additions and 212 deletions
footer.php
View file @ 6c929f15
</div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div id="adullact-footer" class="wrap">
<ul>
<li><?php get_adullact_page("mentions-legales") ?></li>
<li><?php get_adullact_page("accessibilite") ?></li>
<li><?php get_adullact_page("contact") ?></li>
<li><?php get_adullact_page("plan-du-site") ?></li>
</ul>
<ul>
<li><?php get_adullact_page("mentions-legales","adullact-underline") ?></li>
<li><?php get_adullact_page("accessibilite","adullact-underline") ?></li>
<li><?php get_adullact_page("contact","adullact-underline") ?></li>
<li><?php get_adullact_page("plan-du-site","adullact-underline") ?></li>
</ul>
<p id="adullact-contact-informations">
Association ADULLACT, 5 Rue du Plan du Palais, 34000 Montpellier<br>
......
index.php
View file @ 6c929f15
......@@ -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 ?>" class="">En savoir plus sur L'Adullact</a>
</div>
</div>
......@@ -38,64 +38,67 @@ 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>
<h3 class="adullact-titre-cadre">Le Comptoir</h3>
</a>
<p class="adullact-description-cadre">Pour trouver le logiciel libre ou prestataire pour vos
besoins
</p>
</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>
<h3 class="adullact-titre-cadre">Les Forges</h3>
</a>
<p class="adullact-description-cadre">Pour trouver ou déposer le code source d’un logiciel
libre
</p>
</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>
<h3 class="adullact-titre-cadre">Les services</h3>
</a>
<p class="adullact-description-cadre">Pour découvrir les services en ligne offerts à nos
adhérents
</p>
</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>
<h3 class="adullact-titre-cadre">Le Label TNL</h3>
</a>
<p class="adullact-description-cadre">Pour récompenser les usages numériques libres dans les
collectivités
</p>
</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>
<h3 class="adullact-titre-cadre">La lettre</h3>
</a>
<p class="adullact-description-cadre">Pour recevoir les nouvelles de la communauté libre</p>
</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>
<h3 class="adullact-titre-cadre">La FAQ</h3>
</a>
<p class="adullact-description-cadre">Pour trouver des réponses à vos questions sur le libre</p>
</div>
</div>
</div>
......@@ -137,9 +140,9 @@ get_header(); ?>
foreach ($my_posts as $post) : setup_postdata($post);
?>
<div class="adullact-cadre-article">
<a href="<?php echo get_permalink($post); ?>" title="Lire l'article...">
<?php the_post_thumbnail(array("200", "200")) ?>
<span><?php echo get_the_date() ?></span>
<?php the_post_thumbnail(array("200", "200")) ?>
<span><?php echo get_the_date() ?></span>
<a href="<?php echo get_permalink($post); ?>">
<p><?php the_title() ?></p>
</a>
</div>
......@@ -152,6 +155,23 @@ get_header(); ?>
</div>
</div>
</div>
<div id="adullact-mainpage-pseudofooter">
<div class="adullact-cadres-column wrap">
<div class="adullact-cadres-ligne-space">
<div id="adullact-cadre-twitter">
</div>
<div id="adullact-cadre-openstreetmap">
</div>
<div id="adullact-cadre-contact">
</div>
</div>
</div>
</div>
<?php
get_footer();
style.css
View file @ 6c929f15
......@@ -72,7 +72,79 @@ Gravity Extrabold --> font-weight: 900
}
/*************************************************************/
/*classes wordpress*/
/* Surcharge balises HTML */
/*************************************************************/
a {
color: #4B7D95;
text-decoration: underline;
}
h1, h2 {
color: #4B7D95;
font-weight: normal;
}
h3 {
font-weight: normal;
}
label {
font-weight: normal;
}
input[type="search"] {
padding: 0.3em;
font-size: 0.8em;
}
/*************************************************************/
/*classes de base adullact*/
/*************************************************************/
.adullact-blue {
color: #4B7D95;
}
.adullact-required {
color: red;
}
.adullact-error {
color: red;
}
.adullact-button {
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
padding: 7px;
font-size: 1em;
}
.adullact-button:hover {
color: dimgrey;
background-color: lightgrey;
}
.adullact-no-padding {
padding: 0 !important /*lorsqu'on applique cette classe à un élément html, on veut à tout prix qu'elle prenne le dessus*/;
}
.adullact-no-height-padding {
padding-top: 0;
padding-bottom: 0;
}
.adullact-no-top-padding {
padding-top: 0;
}
.adullact-justify {
text-align: justify;
}
/*************************************************************/
/* Surcharge Classes wordpress */
/*************************************************************/
@media screen and ( min-width: 67em ) {
.wrap {
......@@ -80,8 +152,30 @@ Gravity Extrabold --> font-weight: 900
}
}
.site-footer {
margin-top: 0;
}
#content {
padding: 0;
}
.entry-content p {
text-align: justify;
}
article .entry-footer {
border-top: none;
margin-top: 0;
}
.blog:not(.has-sidebar) #primary article {
width: 100%;
float: none;
}
.entry-title {
color: #4891bf;
color: #4B7D95;
}
.page-header {
......@@ -97,11 +191,6 @@ body:not(.has-sidebar):not(.page-one-column) .page-header {
float: none;
}
input[type="search"] {
padding: 0.3em;
font-size: 0.8em;
}
.search-form .search-submit .icon {
height: 18px;
top: -10px;
......@@ -113,11 +202,8 @@ input[type="search"] {
}
/*************************************************************/
/*header*/
/* Header */
/*************************************************************/
.adullact-blue {
color: #4891bf;
}
#logo-adullact-big, #logo-adullact-small {
max-width: 400px;
......@@ -125,19 +211,6 @@ input[type="search"] {
margin-bottom: 20px;
}
.adullact-no-padding {
padding: 0;
}
.adullact-no-height-padding {
padding-top: 0;
padding-bottom: 0;
}
.adullact-no-top-padding {
padding-top: 0;
}
.adullact-header {
display: flex;
flex-direction: row;
......@@ -205,57 +278,46 @@ input[type="search"] {
}
/*************************************************************/
/*Accueil*/
/* Accueil */
/*************************************************************/
#adullact-parallax-1 {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
}
.adullact-icone-service {
border: 1px solid #4891bf;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
position: relative;
top: -70px;
background-color: white;
}
h1, h2 {
color: #4891bf;
}
/*************************************************************/
/* Accueil > L'Adullact en quelques mots */
/*************************************************************/
.adullact-description-cadre {
font-size: 16px;
#adullact-mainpage-text {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: white;
}
#adullact-mainpage-frames h2 {
color: white;
font-weight: bold;
#adullact-mainpage-text h2 {
font-weight: initial;
}
#adullact-mainpage-articles h2 {
font-weight: bold;
color: #393939;
#adullact-mainpage-text a {
/*text-decoration: underline;*/
margin: auto;
margin-right: 0;
float: right;
}
#adullact-mainpage-text {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: white;
#adullact-mainpage-text a:hover {
color: #4B7D95;
}
#adullact-mainpage-articles {
background-color: #F5F5F5;
/*************************************************************/
/* Accueil > Nos initiatives */
/*************************************************************/
#adullact-mainpage-frames {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #4B7D95;
}
.adullact-justify {
text-align: justify;
#adullact-mainpage-frames h2 {
color: white;
font-weight: bold;
}
.adullact-cadres-ligne-space {
......@@ -264,12 +326,6 @@ h1, h2 {
flex-wrap: wrap;
}
.adullact-cadres-ligne-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.adullact-cadres-column {
display: flex;
flex-direction: column;
......@@ -284,21 +340,59 @@ h1, h2 {
padding: 10px;
padding-top: 20px;
margin-top: 45px;
box-shadow: 0 0 20px 1px #7a9bab;
box-shadow: 0 0 20px 1px #184A62;
margin-bottom: 45px;
}
.adullact-cadre a {
color: black;
text-decoration: none;
}
.adullact-cadre a:hover {
text-decoration: underline;
}
.adullact-cadre img {
width: 55px;
position: relative;
top: 21px;
}
.adullact-titre-cadre {
.adullact-cadre h3 {
margin: 0;
margin-top: -53px;
margin-bottom: 12px;
text-decoration: underline;
font-size: 1em;
}
.adullact-icone-service {
border: 1px solid #4B7D95;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
position: relative;
top: -70px;
background-color: white;
}
.adullact-description-cadre {
font-size: 16px;
}
.adullact-cadres-ligne-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
/*************************************************************/
/* Accueil > Parallax */
/*************************************************************/
#adullact-parallax-1 {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
}
.adullact-cadre-texte {
......@@ -315,6 +409,21 @@ h1, h2 {
font-size: 2em;
}
/*************************************************************/
/* Accueil > Articles récents */
/*************************************************************/
#adullact-mainpage-articles {
background-color: #F5F5F5;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
#adullact-mainpage-articles h2 {
font-weight: initial;
color: #393939;
}
.adullact-cadre-article {
width: 280px;
display: flex;
......@@ -340,14 +449,8 @@ h1, h2 {
margin-bottom: 1em;
}
#adullact-mainpage-frames {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
}
/*************************************************************/
/*Liste des adhérents*/
/* Liste des adhérents*/
/*************************************************************/
.adullact-members-list {
......@@ -389,7 +492,7 @@ h1, h2 {
}
.adullact-member a:hover {
border: 2px solid #4891bf;
border: 2px solid #4B7D95;
}
.adullact-member img {
......@@ -430,8 +533,8 @@ h1, h2 {
.adullact-selected {
color: white;
border: 1px solid #4891bf;
background-color: #4891bf;
border: 1px solid #4B7D95;
background-color: #4B7D95;
}
.adullact-selected:hover {
......@@ -471,10 +574,9 @@ h1, h2 {
}
.adullact-page-link-selected {
background-color: #4891bf;
background-color: #4B7D95;
}
/*************************************************************/
/*Formulaire d'adhésion*/
/*************************************************************/
......@@ -486,12 +588,12 @@ h1, h2 {
#adullact-membership-form h3 {
margin-top: 20px;
margin-bottom: 20px;
color: #4891bf;
color: #4B7D95;
padding: 0;
}
.adullact-title {
color: #4891bf;
color: #4B7D95;
font-weight: normal;
}
......@@ -502,10 +604,6 @@ h1, h2 {
justify-content: center;
}
label {
font-weight: normal;
}
#secondSelection {
width: 220px;
}
......@@ -519,16 +617,8 @@ label {
margin-bottom: 20px;
}
.adullact-required {
color: red;
}
.adullact-error {
color: red;
}
.PCOT {
color: #4891bf;
color: #4B7D95;
}
/*************************************************************/
......@@ -561,33 +651,12 @@ label {
color: white;
}
#adullact-display-mask {
display: inline-block;
margin: 7px;
padding: 5px;
background-color: white;
box-sizing: inherit;
font-size: 1rem;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: 400;
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
}
#adullact-display-mask:hover {
background-color: lightgrey;
color: dimgrey;
}
/*************************************************************/
/*Affichage actualité(s)*/
/*************************************************************/
.adullact-read-more {
color: #4891bf;
color: #4B7D95;
}
.entry-content .more-link {
......@@ -630,25 +699,6 @@ label {
color: dimgrey;
}
#content {
padding-top: 20px;
background-color: #F5F5F5;
}
.entry-content p {
text-align: justify;
}
article .entry-footer {
border-top: none;
margin-top: 0;
}
.blog:not(.has-sidebar) #primary article {
width: 100%;
float: none;
}
.entry-header a {