Skip to content

GitLab

Commit 146ca6c6 authored by N. Peraldi's avatar N. Peraldi
Browse files

style: change social networks location

parent c9a09fb1
Hide whitespace changes
Inline Side-by-side
footer.php
View file @ 146ca6c6
</div><!-- #content -->
<?php
$theme_name = get_stylesheet_directory_uri();
$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";
?>
<footer id="colophon" class="site-footer" role="contentinfo">
<div id="adullact-footer" class="wrap">
<div class="adullact-footerinfos-socialnetworks">
<ul>
<li><?php get_adullact_page("mentions-legales") ?></li>
<li><?php get_adullact_page("accessibilite") ?></li>
......@@ -16,23 +8,6 @@ $linkedin_directory = $theme_name . "/media/icons/" . "linkedin.png";
<li><?php get_adullact_page("plan-du-site") ?></li>
</ul>
<div class="adullact-reseaux-sociaux">
<a href="https://twitter.com/ADULLACT" target="_blank">
<img src="<?= $twitter_directory ?>" title="Twitter de l'Adullact">
</a>
<a href="https://mastodon.social/@adullact" target="_blank">
<img src="<?= $mastodon_directory ?>" title="Mastodon de l'Adullact">
</a>
<a href="https://fr.linkedin.com/company/adullact" target="_blank">
<img src="<?= $linkedin_directory ?>" title="LinkedIn de l'Adullact">
</a>
<a href="https://www.youtube.com/user/ADULLACT" target="_blank">
<img src="<?= $youtube_directory ?>" title="Youtube de l'Adullact">
</a>
</div>
</div>
<p id="adullact-contact-informations">
Association ADULLACT, 5 Rue du Plan du Palais, 34000 Montpellier<br>
contact AROBASE adullact.org<br>
......
style.css
View file @ 146ca6c6
......@@ -97,12 +97,13 @@ input[type="search"] {
.adullact-reseaux-sociaux img {
max-width: 2em;
max-height: 2em;
margin-left: 1em;
margin-right: 1em;
margin-left: 0.7em;
margin-right: 0.7em;
}
.adullact-searchbar {
width: 50%;
width: 100%;
margin-right: 0.7em;
}
@media screen and ( max-width: 66.99em ) {
......@@ -152,7 +153,6 @@ input[type="search"] {
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3em;
margin-bottom: 2em;
}
.adullact-cadres-ligne-center {
......@@ -220,7 +220,7 @@ input[type="search"] {
padding: 10px;
background-color: #F1F1F1;
font-size: 1em;
margin: 1.7em 3%;
margin: 0.7em 3%;
}
.adullact-cadre-article p {
......@@ -229,8 +229,8 @@ input[type="search"] {
}
.adullact-cadre-article img {
width:100%;
height:auto;
width: 100%;
height: auto;
}
......@@ -545,13 +545,15 @@ article .entry-footer {
padding: 7px;
}
.adullact-footerinfos-socialnetworks {
.adullact-searchbar-socialnetworks {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: end;
width: 100%;
}
@media screen and ( max-width: 66.99em ) {
.adullact-footerinfos-socialnetworks {
.adullact-searchbar-socialnetworks {
display: flex;
flex-direction: column;
align-items: center;
......
template-parts/header/site-branding.php
View file @ 146ca6c6
......@@ -9,10 +9,12 @@
*/
$theme_name = get_stylesheet_directory_uri();
$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";
?>
<div class="site-branding adullact-no-padding">
<div class="wrap adullact-no-padding adullact-header">
......@@ -39,10 +41,25 @@ $adullact_logo_directory = $theme_name . "/media/adullact/" . "logo_adullact_sma
</p>
<?php endif; ?>
</div><!-- .site-branding-text -->
<div class="adullact-searchbar-parent">
<div class="adullact-searchbar">
<?php get_search_form(); ?>
<div class="adullact-searchbar-socialnetworks">
<div class="adullact-reseaux-sociaux">
<a href="https://twitter.com/ADULLACT" target="_blank">
<img src="<?= $twitter_directory ?>" title="Twitter de l'Adullact">
</a>
<a href="https://mastodon.social/@adullact" target="_blank">
<img src="<?= $mastodon_directory ?>" title="Mastodon de l'Adullact">
</a>
<a href="https://fr.linkedin.com/company/adullact" target="_blank">
<img src="<?= $linkedin_directory ?>" title="LinkedIn de l'Adullact">
</a>
<a href="https://www.youtube.com/user/ADULLACT" target="_blank">
<img src="<?= $youtube_directory ?>" title="Youtube de l'Adullact">
</a>
</div>
<div class="adullact-searchbar-parent">
<div class="adullact-searchbar">
<?php get_search_form(); ?>
</div>
</div>
</div>
......
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