Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEEDBACK Refining aspects
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-10-15 09:53:31 +02:00
parent b6942a8f61
commit 4251de3660
2 changed files with 51 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
resources/css/layout/footer.css
View File

@ -58,7 +58,13 @@ footer {
}
}
.credits {
.socials {
a {
@apply block;
}
}
ul.credits {
@apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
@screen lg {
@ -67,14 +73,19 @@ footer {
grid-template-rows: repeat(2, auto);
grid-template-columns: repeat(4, 1fr);
> :first-child {
/* > :first-child {
grid-row: span 2;
}
} */
}
h3 {
@apply nunito;
}
}
.socials {
a {
@apply block;
ul.mentions {
@apply w-full grid gap-y-6 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2 pt-12;
@screen lg {
grid-template-columns: repeat(4, 1fr);
}
}
@ -92,19 +103,17 @@ footer {
filter: brightness(1.3);
}
}
ul {
@apply w-full flex flex-col lg:flex-row flex-wrap gap-x-4 justify-between pt-12;
li {
@apply text-primary;
}
li.deligraph_credit {
@apply flex gap-x-1 items-center;
img {
transition: all 0.5s;
@apply w-5 h-5 filter-primary;
animation: fade-in-out 3.5s linear infinite;
/* scale: 1.2; */
}
li {
@apply text-primary;
}
li.deligraph_credit {
@apply flex gap-x-1 items-center;
img {
transition: all 0.5s;
@apply w-5 h-5 filter-primary;
animation: fade-in-out 3.5s linear infinite;
/* scale: 1.2; */
}
}
}

39
template-parts/footer.php
View File

@ -29,6 +29,15 @@
<a href="tel:+3267485861">+32 67 48 58 61</a>
</p>
</li>
<li class="activity-report">
<h3 class="section-title">Rapport d’activité</h3>
<p>
<a href="mailto:info@carhop.be">info@carhop.be</a>
</p>
<p>
<a href="tel:+3267485861">+32 67 48 58 61</a>
</p>
</li>
<li class="siege-social">
<h3 class="section-title">siège social et d'activités </h3>
@ -67,20 +76,18 @@
</li>
</ul>
<div class="mentions">
<ul>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
</li>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
</li>
<li>
<p>Acessibilité : conforme</a>
</li>
<li class="deligraph_credit">
Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://www.deligraph.be" target="_blank" class="no-external-icon">Deligraph</a>
</li>
<ul class="mentions">
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
</li>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
</li>
<li>
<p>Accessibilité : conforme</a>
</li>
<li class="deligraph_credit">
Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://deligraph.com/" target="_blank" class="no-external-icon">Deligraph</a>
</li>
</ul>
</div>
</ul>