Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Adullact
Theme-WordPress-Adullact-org
Commits
6c929f15
Commit
6c929f15
authored
Mar 02, 2020
by
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
Changes
4
Hide whitespace changes
Inline
Side-by-side
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"
>
L
ir
e
plus
</a>
<a
href=
"
<?php
echo
$qui_sommes_nous_link
?>
"
class=
""
>
En savo
ir 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
:
#4
891bf
;
color
:
#4
B7D95
;
}
.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"] {
}
/*************************************************************/
/*
h
eader*/
/*
H
eader
*/
/*************************************************************/
.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
#4
891bf
;
border
:
2px
solid
#4
B7D95
;
}
.adullact-member
img
{
...
...
@@ -430,8 +533,8 @@ h1, h2 {
.adullact-selected
{
color
:
white
;
border
:
1px
solid
#4
891bf
;
background-color
:
#4
891bf
;
border
:
1px
solid
#4
B7D95
;
background-color
:
#4
B7D95
;
}
.adullact-selected
:hover
{
...
...
@@ -471,10 +574,9 @@ h1, h2 {
}
.adullact-page-link-selected
{
background-color
:
#4
891bf
;
background-color
:
#4
B7D95
;
}
/*************************************************************/
/*Formulaire d'adhésion*/
/*************************************************************/
...
...
@@ -486,12 +588,12 @@ h1, h2 {
#adullact-membership-form
h3
{
margin-top
:
20px
;
margin-bottom
:
20px
;
color
:
#4
891bf
;
color
:
#4
B7D95
;
padding
:
0
;
}
.adullact-title
{
color
:
#4
891bf
;
color
:
#4
B7D95
;
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
:
#4
891bf
;
color
:
#4
B7D95
;
}
/*************************************************************/
...
...
@@ -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
:
#4
891bf
;
color
:
#4
B7D95
;
}
.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
;
}