Compare commits

..

16 Commits

Author SHA1 Message Date
Antoine M
0a9bb12b58 VERSION bump in theme.json from 1 to 2 to reflect updates in theme settings
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-25 15:16:04 +01:00
Antoine M
a5672836e3 STYLE update app.css to include new component imports for member author card, featured news, notice panel, and wp-block-table 2025-11-25 15:15:22 +01:00
Antoine M
13c552d326 FEATURE Introducing equipe post type 2025-11-25 15:15:11 +01:00
Antoine M
5706b8ed6c STYLE update front-header CSS to adjust padding, add background image, and refine background properties for improved visual presentation 2025-11-25 15:14:30 +01:00
Antoine M
7de5ee734d FEATURE introducing the component 2025-11-25 15:13:57 +01:00
Antoine M
3f6d2e01b1 STYLE update our-collections CSS to adjust overflow, margin, and background image for improved layout 2025-11-25 15:13:48 +01:00
Antoine M
3944e2a8f7 STYLE add new CSS for featured news block with responsive layout and styling adjustments 2025-11-25 15:13:42 +01:00
Antoine M
437a6056c6 STYLE update heading styles to include max-width for improved layout and adjust hierarchy class for better readability 2025-11-25 15:13:32 +01:00
Antoine M
03293bef37 STYLE update body class in header.php to include 'is-website-carhop' for enhanced styling 2025-11-25 15:13:24 +01:00
Antoine M
706927d681 STYLE add new CSS for member author card component with hover effects and profile picture placeholders 2025-11-25 15:13:08 +01:00
Antoine M
21d354b964 STYLE add new CSS for wp-block-table with custom styles for table headers and cells 2025-11-25 15:12:59 +01:00
Antoine M
784385d22b UPLOAD new shapes 2025-11-25 15:12:45 +01:00
Antoine M
b5a3785574 STYLE refine styles for block-dernieres-dynamiques and introduce new variations for website themes 2025-11-25 15:12:37 +01:00
Antoine M
fdf5da229e FEATURE handlign new variations and styles 2025-11-25 15:12:27 +01:00
Antoine M
fe35017cba UPLOAD new shapes 2025-11-25 15:12:07 +01:00
Antoine M
b0e335a592 STYLE update content-meta styles with new flex layout and additional variants for revue-issue 2025-11-25 15:11:57 +01:00
19 changed files with 278 additions and 18 deletions

View File

@ -11,6 +11,7 @@ require_once(__DIR__ . '/includes/nawalker_fction.php');
require_once(__DIR__ . '/includes/social-networks.php');
require_once(__DIR__ . '/includes/forms.php');
require_once(__DIR__ . '/includes/rapport-activites.php');
require_once(__DIR__ . '/includes/equipe.php');
// require_once(__DIR__ . '/includes/widget.php');

View File

@ -10,7 +10,7 @@
<?php wp_head(); ?>
</head>
<body <?php body_class("front-end"); ?>>
<body <?php body_class("front-end is-website-carhop"); ?>>
<?php
do_action('tailpress_site_before');
global $post;

24
includes/equipe.php Normal file
View File

@ -0,0 +1,24 @@
<?php
add_action('acf/save_post', 'carhop_save_equipe_post');
function carhop_save_equipe_post($post_id)
{
$post_type = get_post_type($post_id);
if ($post_type == 'equipe') {
$first_name = get_field('first_name', $post_id) ?? '';
$last_name = get_field('last_name', $post_id) ?? '';
$full_name = $first_name . ' ' . $last_name;
if ($full_name && $full_name != '') {
$post_slug = sanitize_title($full_name);
wp_update_post(array(
'ID' => $post_id,
'post_title' => $full_name,
'post_name' => $post_slug
));
}
}
}

View File

@ -31,6 +31,7 @@
@import './components/notyf.css';
@import './components/social-networks-links.css';
@import './components/scroll-top.css';
@import './components/member-author-card.css';
/* ########### EDITOR CONTENT ############ */
@import './editor-content/entry-content.css';
@ -66,9 +67,12 @@
@import './blocks/card-grid.css';
@import './blocks/sitemap.css';
@import './blocks/block-chapo.css';
@import './blocks/wp-block-list.css';
@import './blocks/audio-player.css';
@import './blocks/our-collections.css';
@import './blocks/featured-news.css';
@import './blocks/notice-panel.css';
@import './blocks/wp-block-list.css';
@import './blocks/wp-block-table.css';
/* ########### LIBS ############ */
@import './libs/swiper.css';

View File

@ -1,6 +1,6 @@
.chapter-section {
@apply relative flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12 !my-16;
@apply py-32 xl:py-32 2xl:py-48 px-4 md:px-20;
@apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-20;
@apply max-w-screen-2xl mx-auto;
color: var(--content-box-text-color);
min-height: 60vh;
@ -101,9 +101,6 @@
@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
z-index: 0;
@apply w-full;
@screen md {
width: calc(100% - 30px);
}
&--right {
transform: scaleX(-1);
@ -134,6 +131,22 @@
} */
}
&--backgrounded {
.chapter-section__background {
@screen md {
width: calc(100% - 30px);
}
}
}
&--framed {
.chapter-section__background {
width: calc(100% - 30px);
@screen md {
width: calc(100% - 30px);
}
}
}
> *:not(.chapter-section__background) {
z-index: 2;
}

View File

@ -1,5 +1,5 @@
.block-dernieres-dynamiques {
@apply bg-primary text-white pt-2 md:pt-20 px-4 md:px-16;
@apply pt-2 md:pt-20 px-4 md:px-16;
/* overflow: visible !important; */
overflow: hidden !important;
@ -9,14 +9,13 @@
&__header {
@apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-6 md:mb-12;
.block-title {
@apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl;
span {
@apply block shrink-0;
}
&:after {
@apply w-full z-20 bg-white block mb-2;
@apply w-full z-20 block mb-2;
height: 1px;
content: ' ';
}
@ -144,7 +143,6 @@
&:after {
@apply content-[''] absolute inset-0 bg-carhop-purple-100 w-screen left-1/2 -translate-x-1/2;
z-index: 0;
/* opacity: 0.5; */
top: 100px;
@screen lg {
@ -160,8 +158,41 @@
@apply text-base font-extrabold uppercase pb-8 tracking-bigbig nunito text-primary text-center mx-auto block mt-12;
}
}
}
.is-website-dynamiques .block-dernieres-dynamiques {
@apply bg-primary text-white;
&__header {
.block-title:after {
@apply bg-white;
}
}
:is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
@apply text-white;
}
.related-articles:after {
@apply content-[''] absolute inset-0 bg-carhop-purple-100 w-screen left-1/2 -translate-x-1/2;
z-index: 0;
top: 100px;
@screen lg {
height: calc(100% - 150px);
transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
}
}
}
.is-website-carhop .block-dernieres-dynamiques {
@apply bg-carhop-orange-50 text-primary;
&__header {
.block-title:after {
@apply bg-primary;
}
}
:is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
@apply text-primary;
}
}

View File

@ -0,0 +1,33 @@
.featured-news {
@apply bg-carhop-blue-50 py-20;
.swiper-actions-wrapper,
.swiper-pagination-fraction,
.swiper-pagination {
@apply px-4 md:px-20;
}
&__inner {
@apply max-w-screen-2xl mx-auto;
}
&__header {
@apply flex flex-col justify-center items-center gap-4;
.block-title {
@apply text-lg mb-3 font-bold tracking-bigbig uppercase nunito;
}
.block-subtitle {
@apply text-4xl md:text-5xl font-normal uppercase text-center;
line-height: 1.2;
}
}
&__slider-content {
@apply py-16 pt-8 md:pt-16 2xl:pt-32 pb-0;
}
}
.our-collections + .featured-news {
margin-top: -40px !important;
}

View File

@ -1,5 +1,10 @@
.block-front-header {
@apply bg-primary py-32 text-white;
@apply pt-16 pb-32 text-white;
background-image: url('../resources/img/shapes/background-shape-C_green.svg');
@apply bg-no-repeat bg-center;
background-size: 100% 100%;
a,
h1,
h2,

View File

@ -9,7 +9,7 @@
}
p {
@apply !mb-0 !pb-0 uppercase text-primary;
@apply !mb-0 !pb-0 uppercase text-primary !max-w-4xl;
line-height: 1.2 !important;
font-weight: 700;
@apply tracking-widest;
@ -48,8 +48,7 @@
}
&--hierarchy-classic {
@apply text-white;
h1,
h1,
h2,
h3,
h4,

View File

@ -0,0 +1,21 @@
.notice-panel {
@apply bg-white border-primary border-2 p-8 text-primary;
&__content {
@apply flex gap-4;
.icon {
@apply bg-carhop-green-700 shrink-0 w-12 h-12 flex items-center justify-center;
&:before {
content: '';
@apply block w-8 h-8 bg-no-repeat bg-center bg-contain;
background-image: url('../resources/img/icons/carhop-icon-index-panel.svg');
/* background-image: url('../resources/img/icons/icon-losange.svg'); */
}
}
> .innerblocks > :last-child {
@apply !pb-0;
}
}
}

View File

@ -1,5 +1,7 @@
.our-collections {
@apply pb-32 relative;
overflow: visible;
margin-top: -50px;
* {
@apply relative;
@ -19,7 +21,9 @@
@apply block w-full h-full absolute top-0 left-0 bg-no-repeat;
background-size: 100% 100%;
background-image: url('../resources/img/shapes/background-shape-A_purple.svg');
z-index: 0;
background-image: url('../resources/img/shapes/background-shape-B_purple.svg');
z-index: 0;
}
.redirection-grid {

View File

@ -0,0 +1,20 @@
.wp-block-table {
color: red !important;
thead {
@apply bg-primary text-white;
th {
@apply uppercase !font-normal tracking-widest border-none;
}
}
th,
td {
@apply py-4;
}
td {
@apply !text-primary;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
}

View File

@ -19,6 +19,24 @@
&__reading-time {
line-height: 27px;
/* @apply text-sm text-gray-500; */
}
}
.content-meta {
@apply flex flex-wrap !items-center justify-between gap-2;
&__revue-issue {
@apply !px-3 !py-2 font-semibold h-fit;
@apply bg-carhop-green-700 text-white;
&--green {
@apply bg-carhop-green-700 !text-white;
}
&--white {
@apply bg-white !text-carhop-green-700;
}
/* &--primary {
@apply bg-carhop-green-700 text-white;
} */
}
}

View File

@ -0,0 +1,74 @@
.author-card {
@apply grid w-full border border-primary p-6 mb-12 items-center;
grid-template-columns: min-content 1fr;
gap: 1rem;
transition: all 0.3s ease-in-out;
&:hover {
@apply translate-y-[-4px];
}
&__profile-picture {
@apply w-32 h-32 object-cover p-2 border border-primary;
img {
@apply w-full h-full object-cover;
filter: grayscale(100%);
}
&-placeholder {
@apply bg-carhop-green-100 flex items-center justify-center;
&:before {
content: '';
@apply block w-6 h-6 filter-primary;
background-image: url('../resources/img/icons/icon-losange.svg');
background-size: contain;
background-repeat: no-repeat !important;
background-position: center;
}
&--1n:before {
background-image: url('../resources/img/icons/icon-losange.svg');
}
&--2n:before {
background-image: url('../resources/img/icons/icon-rectangle-rotated.svg');
}
&--3n:before {
background-image: url('../resources/img/icons/icon-circle.svg');
}
&--4n:before {
background-image: url('../resources/img/icons/icon-rectangle-vertical.svg');
}
}
&-placeholder {
@apply w-full h-full bg-carhop-green-100 relative;
/* &:after {
@apply content-[''] block w-6 h-6 bg-carhop-green-700 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
} */
}
}
&__infos {
@apply w-full flex flex-col gap-y-2;
.author-card__name {
@apply text-2xl uppercase font-medium tracking-normal;
}
.author-card__articles-amount {
@apply text-primary font-normal flex items-center gap-2;
&::before {
content: '';
@apply block w-6 h-6 bg-no-repeat bg-center;
background-image: url('../resources/img/icons/icon-activites.svg');
background-size: contain;
}
}
}
&__description {
@apply col-span-2;
}
}

View File

@ -0,0 +1,4 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8482 26.4869C20.9441 26.4869 26.6965 20.7815 26.6965 13.7434C26.6965 6.70543 20.9441 1 13.8482 1C6.75235 1 1 6.70543 1 13.7434C1 20.7815 6.75235 26.4869 13.8482 26.4869Z" stroke="white" stroke-width="2"/>
<path d="M13.6455 15.8743L13.0215 7.93826H15.4855L14.8615 15.8743H13.6455ZM13.1335 19.2183V16.9943H15.3735V19.2183H13.1335Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 461 B

View File

@ -0,0 +1,3 @@
<svg width="1440" height="744" viewBox="0 0 1440 744" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H1440V686.701L0 744V0Z" fill="#136F63"/>
</svg>

After

Width:  |  Height:  |  Size: 163 B

View File

@ -0,0 +1,3 @@
<svg width="1440" height="1588" viewBox="0 0 1440 1588" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<path d="M0 77L1440 0V1588L0 1559.71L0 77Z" fill="#EFE8FF" preserveAspectRatio="none"/>
</svg>

After

Width:  |  Height:  |  Size: 226 B

View File

@ -0,0 +1,3 @@
<svg width="1440" height="853" viewBox="0 0 1440 853" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<path d="M0.000350952 0H1440V791.792L0 853L0.000350952 0Z" fill="#136F63" preserveAspectRatio="none"/>
</svg>

After

Width:  |  Height:  |  Size: 239 B

View File

@ -1,5 +1,5 @@
{
"version": 1,
"version": 2,
"settings": {
"layout": {
"contentSize": "960px",