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

Compare commits

base: Antoine:256087528f5e0e37997be08a968b4c1fc68433d9
Branches Tags
Antoine:main
..
compare: Antoine:4251de3660a838803a14e810ccfd1eb8c78a9045
Branches Tags
Antoine:main

3 Commits
256087528f ... 4251de3660

Author SHA1 Message Date
Antoine M
4251de3660 FEEDBACK Refining aspects
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-10-15 09:53:31 +02:00
Antoine M
b6942a8f61 RESPONSIVE FIX for bugs or aspect problems 2025-10-15 09:53:19 +02:00
Antoine M
0272e701c6 FEATURE Handling sitemap styles 2025-10-15 09:52:43 +02:00
8 changed files with 87 additions and 40 deletions
Show Stats Expand all files Collapse all files

2
resources/css/app.css
View File

@ -58,6 +58,8 @@
@import './blocks/gallery.css';
@import './blocks/content-card.css';
@import './blocks/card-grid.css';
@import './blocks/sitemap.css';
/* ########### LIBS ############ */
@import './libs/swiper.css';

1
resources/css/base/links.css
View File

@ -34,6 +34,7 @@ a[target='_blank'] {
@apply flex items-center;
transition: transform 0.3s ease-out;
&:after {
flex-shrink: 0;
transition: transform 0.3s ease-out;
@apply content-[''] w-10 h-10 ml-2 inline-block;
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');

4
resources/css/blocks/chapter-section.css
View File

@ -31,7 +31,7 @@
}
&__content {
@apply max-w-3xl;
@apply max-w-3xl relative;
p {
@apply text-neutral-600 max-w-xl mb-2;
}
@ -54,7 +54,7 @@
}
&__cover {
@apply object-contain;
@apply object-contain relative;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */

3
resources/css/blocks/dernieres-dynamiques.css
View File

@ -139,8 +139,9 @@
z-index: 0;
/* opacity: 0.5; */
top: 100px;
height: calc(100% - 150px);
@screen lg {
height: calc(100% - 150px);
transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
}

2
resources/css/blocks/revues-precedentes.css
View File

@ -11,7 +11,7 @@
@apply mb-16;
}
.swiper-actions-wrapper {
@apply md:flex justify-between items-center gap-4;
@apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
#discover-all-revues {
@apply internal-link-with-icon;

29
resources/css/blocks/sitemap.css
View File

@ -1,5 +1,32 @@
.sitemap {
@apply bg-primary-light;
h1.sitemap__title,
h2,
h3 {
color: var(---content-box-text-color) !important;
}
h1.sitemap__title {
@apply text-center uppercase tracking-widest mb-32;
}
h2.website-title {
@apply mb-4 !font-semibold !tracking-widest;
}
h3.menu-title {
@apply font-normal uppercase tracking-widest text-4xl;
}
ul {
@apply mt-12 grid md:grid-cols-2 lg:grid-cols-3 gap-12;
li {
@apply list-none text-center;
a {
@apply flex flex-col items-center justify-center underline underline-offset-4;
}
}
}
.website-menu-list {
@apply mb-32;
}
}
.sitemap__inner {

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>