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

Compare commits

base: Antoine:f3a301a0a202b4046d0256d48eacd56ca4a55d04
Branches Tags
Antoine:main
...
compare: Antoine:0a9bb12b5875a7ec7f97f79da83b617738398bee
Branches Tags
Antoine:main

16 Commits
f3a301a0a2 ... 0a9bb12b58

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
Details
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
Show Stats Expand all files Collapse all files

1
functions.php
View File

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

2
header.php
View File

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

6
resources/css/app.css
View File

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

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

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

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

@ -1,5 +1,5 @@
.block-dernieres-dynamiques { .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: visible !important; */
overflow: hidden !important; overflow: hidden !important;
@ -9,14 +9,13 @@
&__header { &__header {
@apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-6 md:mb-12; @apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-6 md:mb-12;
.block-title { .block-title {
@apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl; @apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl;
span { span {
@apply block shrink-0; @apply block shrink-0;
} }
&:after { &:after {
@apply w-full z-20 bg-white block mb-2; @apply w-full z-20 block mb-2;
height: 1px; height: 1px;
content: ' '; content: ' ';
} }
@ -144,7 +143,6 @@
&:after { &:after {
@apply content-[''] absolute inset-0 bg-carhop-purple-100 w-screen left-1/2 -translate-x-1/2; @apply content-[''] absolute inset-0 bg-carhop-purple-100 w-screen left-1/2 -translate-x-1/2;
z-index: 0; z-index: 0;
/* opacity: 0.5; */
top: 100px; top: 100px;
@screen lg { @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; @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 *) { :is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
@apply text-white; @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;
}
} }

33
resources/css/blocks/featured-news.css Normal file
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;
}

7
resources/css/blocks/front-header.css
View File

@ -1,5 +1,10 @@
.block-front-header { .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, a,
h1, h1,
h2, h2,

5
resources/css/blocks/heading.css
View File

@ -9,7 +9,7 @@
} }
p { 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; line-height: 1.2 !important;
font-weight: 700; font-weight: 700;
@apply tracking-widest; @apply tracking-widest;
@ -48,8 +48,7 @@
} }
&--hierarchy-classic { &--hierarchy-classic {
@apply text-white; @apply text-white;
≈ h1,
h1,
h2, h2,
h3, h3,
h4, h4,

21
resources/css/blocks/notice-panel.css Normal file
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;
}
}
}

6
resources/css/blocks/our-collections.css
View File

@ -1,5 +1,7 @@
.our-collections { .our-collections {
@apply pb-32 relative; @apply pb-32 relative;
overflow: visible;
margin-top: -50px;
* { * {
@apply relative; @apply relative;
@ -19,7 +21,9 @@
@apply block w-full h-full absolute top-0 left-0 bg-no-repeat; @apply block w-full h-full absolute top-0 left-0 bg-no-repeat;
background-size: 100% 100%; 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; z-index: 0;
} }
.redirection-grid { .redirection-grid {

20
resources/css/blocks/wp-block-table.css Normal file
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;
}
}

20
resources/css/components/content-meta.css
View File

@ -19,6 +19,24 @@
&__reading-time { &__reading-time {
line-height: 27px; 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;
} */
} }
} }

74
resources/css/components/member-author-card.css Normal file
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;
}
}

4
resources/img/icons/carhop-icon-index-panel.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 461 B

3
resources/img/shapes/background-shape-A_green.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 163 B

3
resources/img/shapes/background-shape-B_purple.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 226 B

3
resources/img/shapes/background-shape-C_green.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 239 B

2
theme.json
View File

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