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

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

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

View File

@ -29,6 +29,15 @@
<a href="tel:+3267485861">+32 67 48 58 61</a> <a href="tel:+3267485861">+32 67 48 58 61</a>
</p> </p>
</li> </li>
<li class="activity-report">
<h3 class="section-title">Rapport dactivité</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"> <li class="siege-social">
<h3 class="section-title">siège social et d'activités </h3> <h3 class="section-title">siège social et d'activités </h3>
@ -67,20 +76,18 @@
</li> </li>
</ul> </ul>
<div class="mentions"> <ul class="mentions">
<ul> <li>
<li> <a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a> </li>
</li> <li>
<li> <a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a> </li>
</li> <li>
<li> <p>Accessibilité : conforme</a>
<p>Acessibilité : conforme</a> </li>
</li> <li class="deligraph_credit">
<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>
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>
</li>
</ul> </ul>
</div>