Skip to content
GitLab
Commit 0a464645 authored by N. Peraldi's avatar N. Peraldi
Browse files

Merge branch 'master' into... 

Merge branch 'master' into 61-modifier-la-page-des-evenements-pour-qu-elle-affiche-une-liste-d-evenements

# Conflicts:
#	style.css
parents e6cacf8e 3026e848
Hide whitespace changes
Inline Side-by-side
index.php
View file @ 0a464645
......@@ -5,6 +5,7 @@
* que c'est la page d'accueil.
*/
$theme_directory = get_stylesheet_directory_uri();
$qui_sommes_nous_link = $_SERVER["SERVER_NAME"] . "/association/qui-sommes-nous/";
$adullact_icons_directory = $theme_directory . "/media/icons/";
$comptoir_icon = $adullact_icons_directory . "comptoir.png";
......@@ -15,66 +16,90 @@ $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>
<a href="<?php echo $qui_sommes_nous_link ?>" title="" class="adullact-stylized-button">Lire plus</a>
</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 id="adullact-mainpage-frames">
<div class="adullact-cadres-column wrap">
<h2 class="adullact-no-height-padding">Nos initiatives</h2>
<div class="adullact-cadres-ligne-space">
<div class="adullact-cadre">
<a href="https://comptoir-du-libre.org/">
<div class="adullact-icone-service">
<img src="<?= $comptoir_icon ?>" alt="">
</div>
<div class="adullact-cadre">
<a href="https://gitlab.adullact.net/">
<img src="<?= $forge_icon ?>" alt="">
<p>Les Forges</p>
</a>
<p class="adullact-titre-cadre">Le Comptoir</p>
<p class="adullact-description-cadre">Pour trouver le logiciel libre ou prestataire pour vos besoins</p>
</a>
</div>
<div class="adullact-cadre">
<a href="https://gitlab.adullact.net/">
<div class="adullact-icone-service">
<img src="<?= $forge_icon ?>" alt="">
</div>
<div class="adullact-cadre">
<a href="http://www.s2low.org/">
<img src="<?= $services_icon ?>" alt="">
<p>Les services</p>
</a>
<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>
</a>
</div>
<div class="adullact-cadre">
<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>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $labelTNL_icon ?>" alt="">
<p>Le Label TNL</p>
</a>
<div class="adullact-cadre">
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $labelTNL_icon ?>" alt="">
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $newsletter_icon ?>" alt="">
<p>La lettre</p>
</a>
<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>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $newsletter_icon ?>" alt="">
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $faq_icon ?>" alt="">
<p>La FAQ</p>
</a>
<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">
<a href="#">
<div class="adullact-icone-service">
<img src="<?= $faq_icon ?>" alt="">
</div>
</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>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
</div><!-- .wrap -->
</div>
</div>
</div>
<!-- effet parallax-->
<div id="adullact-parallax-1">>
......@@ -95,36 +120,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>
......
media/adullact/image_parallax_2.jpg
View replaced file @ e6cacf8e View file @ 0a464645
media/adullact/image_parallax_2.jpg

1.02 MB | W: | H:

media/adullact/image_parallax_2.jpg

151 KB | W: | H:

media/adullact/image_parallax_2.jpg
media/adullact/image_parallax_2.jpg
media/adullact/image_parallax_2.jpg
media/adullact/image_parallax_2.jpg
  • 2-up
  • Swipe
  • Onion skin
style.css
View file @ 0a464645
......@@ -8,18 +8,69 @@
Version: 0.8
*/
/*************************************************************/
/*classes wordpress*/
/* Police d'écriture */
/*************************************************************/
/*
Gravity
Gravity light --> font-weight: 300
Gravity semi-bold --> font-weight: 600
Gravity bold --> font-weight: bold
Gravity Extrabold --> font-weight: 900
*/
@font-face {
font-family: "GravityAdullact";
/* Normal */
font-family: "Gravity";
src: url("fonts/Gravity-Regular.otf");
font-weight: normal;
font-style: normal;
}
* {
font-family: GravityAdullact, serif;
@font-face {
/* Light */
font-family: "Gravity";
src: url("fonts/Gravity-Light.otf");
font-weight: 300;
font-style: normal;
}
@font-face {
/* Bold */
font-family: "Gravity";
src: url("fonts/Gravity-Bold.otf");
font-weight: bold;
font-style: normal;
}
@font-face {
/* Bold Italic */
font-family: "Gravity";
src: url("fonts/Gravity-BoldItalic.otf");
font-weight: bold;
font-style: italic;
}
@font-face {
/* Italic */
font-family: "Gravity";
src: url("fonts/Gravity-Italic.otf");
font-weight: normal;
font-style: italic;
}
@font-face {
/* Light Italic */
font-family: "Gravity";
src: url("fonts/Gravity-LightItalic.otf");
font-weight: 300;
font-style: italic;
}
* {
font-family: Gravity, sans-serif;
}
/*************************************************************/
/*classes wordpress*/
/*************************************************************/
......@@ -70,6 +121,8 @@ input[type="search"] {
#logo-adullact-big, #logo-adullact-small {
max-width: 400px;
margin-top: 30px;
margin-bottom: 20px;
}
.adullact-no-padding {
......@@ -88,7 +141,7 @@ input[type="search"] {
.adullact-header {
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-end;
justify-content: space-between;
}
......@@ -114,6 +167,7 @@ input[type="search"] {
.adullact-searchbar {
width: 100%;
margin-right: 0.7em;
margin-top: 16px;
}
@media screen and ( max-width: 66.99em ) {
......@@ -158,10 +212,48 @@ input[type="search"] {
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;
}
.adullact-description-cadre {
font-size: 16px;
}
#adullact-mainpage-frames h2 {
color: white;
font-weight: bold;
}
#adullact-mainpage-articles h2 {
font-weight: bold;
color: #393939;
}
#adullact-mainpage-text {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: white;
}
#adullact-mainpage-articles {
background-color: #F5F5F5;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.adullact-justify {
text-align: justify;
}
......@@ -170,7 +262,6 @@ h1, h2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3em;
}
.adullact-cadres-ligne-center {
......@@ -187,26 +278,27 @@ h1, h2 {
.adullact-cadre {
background-color: white;
width: 280px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
font-size: 1.7em;
padding: 10px;
padding-top: 20px;
margin-top: 45px;
box-shadow: 0 0 20px 1px #7a9bab;
margin-bottom: 45px;
height: 8em;
box-shadow: 0 0 20px 1px #DFDFDF;
}
.adullact-cadre img {
width: 2.3em;
margin-bottom: 10px;
width: 55px;
position: relative;
top: 21px;
}
.adullact-cadre p {
.adullact-titre-cadre {
margin: 0;
margin-top: -53px;
margin-bottom: 12px;
text-decoration: underline;
}
.adullact-cadre-texte {
......@@ -229,10 +321,11 @@ h1, h2 {
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;
box-shadow: 0 0 20px 1px #C8C8C8;
min-height: 350px;
}
.adullact-cadre-article p {
......@@ -247,6 +340,12 @@ h1, h2 {
margin-bottom: 1em;
}
#adullact-mainpage-frames {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
}
/*************************************************************/
/*Liste des adhérents*/
/*************************************************************/
......@@ -440,6 +539,10 @@ label {
float: right;
}
.adullact-underline {
text-decoration: underline;
}
.adullact-spaced-line {
display: flex;
flex-direction: row;
......@@ -449,8 +552,9 @@ label {
.adullact-evenement .link-more {
text-align: right;
}
.adullact-evenement a{
text-decoration:underline;
.adullact-evenement a {
text-decoration: underline;
}
.eventless-pre {
......@@ -573,6 +677,7 @@ article .entry-footer {
flex-direction: column;
align-items: end;
width: 100%;
margin-bottom: 37px;
}
@media screen and ( max-width: 66.99em ) {
......@@ -590,6 +695,10 @@ article .entry-footer {
color: #4891bf;
}
#content {
padding: 0;
}
.adullact-button {
border-radius: 3px;
border: 1px solid grey;
......
template-parts/header/site-branding.php
View file @ 0a464645
......@@ -13,7 +13,7 @@ $twitter_directory = $theme_name . "/media/icons/" . "twitter.png";
$youtube_directory = $theme_name . "/media/icons/" . "youtube.png";
$mastodon_directory = $theme_name . "/media/icons/" . "mastodon.png";
$linkedin_directory = $theme_name . "/media/icons/" . "linkedin.png";
$adullact_logo_directory = $theme_name . "/media/adullact/" . "logo_adullact_small.svg";
$adullact_logo_directory = $theme_name . "/media/adullact/" . "logo_adullact_small_cut.png";
?>
<div class="site-branding adullact-no-padding">
......
Supports Markdown
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