Commit c006db47 authored by N. Peraldi's avatar N. Peraldi

style: improve visuals & add section titles

parent abbf13d5
......@@ -15,66 +15,66 @@ $services_icon = $adullact_icons_directory . "services.png";
$newsletter_icon = $adullact_icons_directory . "newsletter.png";
get_header(); ?>
<div id="adullact-mainpage-text">
<div class="wrap">
<h2 class="adullact-no-height-padding">L'Adullact en quelques mots</h2>
<p class="adullact-justify">
Fondée en 2002, l'ADULLACT (Association des Développeurs et Utilisateurs de Logiciels Libres pour
les Administrations et les Collectivités Territoriales) a pour objectifs de promouvoir, développer
et maintenir un patrimoine de logiciels libres utiles aux missions de service public.
</p>
<p class="adullact-justify">
Structure unique en Europe, est une initiative née de la nécessité de voir apparaître une
alternative au système des licences propriétaires, en particulier dans le domaine des logiciels
métiers.
</p>
</div>
</div>
<div class="wrap">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<p class="adullact-justify">
Fondée en 2002, l'ADULLACT (Association des Développeurs et Utilisateurs de Logiciels Libres pour
les Administrations et les Collectivités Territoriales) a pour objectifs de promouvoir, développer
et maintenir un patrimoine de logiciels libres utiles aux missions de service public.
</p>
<p class="adullact-justify">
Structure unique en Europe, est une initiative née de la nécessité de voir apparaître une
alternative au système des licences propriétaires, en particulier dans le domaine des logiciels
métiers.
</p>
<div class="adullact-cadres-column">
<div class="adullact-cadres-ligne-space">
<div class="adullact-cadre">
<a href="https://comptoir-du-libre.org/">
<img src="<?= $comptoir_icon ?>" alt="">
<p>Le Comptoir</p>
</a>
</div>
<div class="adullact-cadre">
<a href="https://gitlab.adullact.net/">
<img src="<?= $forge_icon ?>" alt="">
<p>Les Forges</p>
</a>
</div>
<div class="adullact-cadre">
<a href="http://www.s2low.org/">
<img src="<?= $services_icon ?>" alt="">
<p>Les services</p>
</a>
</div>
<div id="adullact-mainpage-frames">
<div class="adullact-cadres-column wrap">
<h2 class="adullact-no-height-padding">Nos services</h2>
<div class="adullact-cadres-ligne-space">
<div class="adullact-cadre">
<a href="https://comptoir-du-libre.org/">
<img src="<?= $comptoir_icon ?>" alt="">
<p>Le Comptoir</p>
</a>
</div>
<div class="adullact-cadre">
<a href="https://gitlab.adullact.net/">
<img src="<?= $forge_icon ?>" alt="">
<p>Les Forges</p>
</a>
</div>
<div class="adullact-cadre">
<a href="http://www.s2low.org/">
<img src="<?= $services_icon ?>" alt="">
<p>Les services</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $labelTNL_icon ?>" alt="">
<p>Le Label TNL</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $newsletter_icon ?>" alt="">
<p>La lettre</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $faq_icon ?>" alt="">
<p>La FAQ</p>
</a>
</div>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $labelTNL_icon ?>" alt="">
<p>Le Label TNL</p>
</a>
</div>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
</div><!-- .wrap -->
<div class="adullact-cadre">
<a href="#">
<img src="<?= $newsletter_icon ?>" alt="">
<p>La lettre</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $faq_icon ?>" alt="">
<p>La FAQ</p>
</a>
</div>
</div>
</div>
</div>
<!-- effet parallax-->
<div id="adullact-parallax-1">>
......@@ -95,36 +95,36 @@ get_header(); ?>
</div>
</div>
</div>
<div class="wrap adullact-no-height-padding">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<div class="adullact-cadres-ligne-space">
<?php
$args = array(
"post_type" => "post",
"order" => "DESC",
"category_name" => "actualite",
"orderby" => "date",
"posts_per_page" => 3);
<div id="adullact-mainpage-articles">
<div class="wrap">
<h2 class="adullact-no-height-padding">Nos derniers articles</h2>
<div class="adullact-cadres-ligne-space">
<?php
$args = array(
"post_type" => "post",
"order" => "DESC",
"category_name" => "actualite",
"orderby" => "date",
"posts_per_page" => 3);
$my_posts = get_posts($args);
if (count($my_posts) > 0) {
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")) ?>
<p><?php the_title() ?></p>
</a>
</div>
<?php
endforeach;
wp_reset_postdata();
}
$my_posts = get_posts($args);
if (count($my_posts) > 0) {
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>
<p><?php the_title() ?></p>
</a>
</div>
<?php
endforeach;
wp_reset_postdata();
}
?>
</div>
</main>
?>
</div>
</div>
</div>
......
......@@ -153,6 +153,17 @@ input[type="search"] {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
}
#adullact-mainpage-text {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
}
#adullact-mainpage-articles {
background-color:#b4cce0;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.adullact-justify {
text-align: justify;
......@@ -162,7 +173,6 @@ input[type="search"] {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3em;
}
.adullact-cadres-ligne-center {
......@@ -221,10 +231,11 @@ input[type="search"] {
flex-direction: column;
justify-content: flex-start;
padding: 10px;
background-color:white;
background-color: white;
font-size: 1em;
margin-bottom: 45px;
box-shadow: 0 0 20px 1px #DFDFDF;
min-height: 350px;
}
.adullact-cadre-article p {
......@@ -238,6 +249,11 @@ input[type="search"] {
height: auto;
margin-bottom: 1em;
}
#adullact-mainpage-frames {
background-color:white;
padding-top:1.5em;
padding-bottom:1.5em;
}
/*************************************************************/
/*Liste des adhérents*/
......@@ -575,6 +591,10 @@ article .entry-footer {
color: #4891bf;
}
#content {
padding: 0;
}
.adullact-button {
border-radius: 3px;
border: 1px solid grey;
......@@ -587,4 +607,5 @@ article .entry-footer {
.adullact-button:hover {
color: dimgrey;
background-color: lightgrey;
}
\ No newline at end of file
}
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