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

Compare commits

base: Antoine:f3bedbe8541d7aeab488441a1f7d81c4e6608749
Branches Tags
Antoine:main
..
compare: Antoine:270c783ecbc652558cf5479d815ca99e7ccb4285
Branches Tags
Antoine:main

No commits in common. "f3bedbe8541d7aeab488441a1f7d81c4e6608749" and "270c783ecbc652558cf5479d815ca99e7ccb4285" have entirely different histories.
f3bedbe854 ... 270c783ecb

21 changed files with 52 additions and 286 deletions
Show Stats Expand all files Collapse all files

11
404.php
View File

@ -1,27 +1,24 @@
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body class="antialiased">
<div class="md:flex min-h-screen">
<div class="w-full md:w-1/2 flex items-center justify-center">
<div class="max-w-sm m-8">
<div class="text-5xl md:text-15xl text-gray-800 border-primary border-b">404</div>
<div class="w-16 h-1 bg-purple-light my-3 md:my-6"></div>
<p class="text-gray-800 text-2xl md:text-3xl font-light mb-8"><?php _e('Sorry, the page you are looking for could not be found.', 'tailpress'); ?></p>
<a href="<?php echo get_bloginfo('url'); ?>" class="bg-primary px-4 py-2 rounded text-white">
<?php _e('Go Home', 'tailpress'); ?>
<p class="text-gray-800 text-2xl md:text-3xl font-light mb-8"><?php _e( 'Sorry, the page you are looking for could not be found.', 'tailpress' ); ?></p>
<a href="<?php echo get_bloginfo( 'url' ); ?>" class="bg-primary px-4 py-2 rounded text-white">
<?php _e( 'Go Home', 'tailpress' ); ?>
</a>
</div>
</div>
</div>
</body>
</html>

4
css/editor-style.css
View File

@ -342,10 +342,6 @@
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.alignfull {
margin: 2rem calc(50% - 50vw) !important;
max-width: 100vw !important;

4
includes/init.php
View File

@ -76,6 +76,7 @@ add_filter('walker_nav_menu_start_el', 'wrap_parent_menu_item_buttons', 10, 4);
------------------------------------------------------------------*/
function carhop_enqueue_scripts()
{
$theme = wp_get_theme();
@ -89,9 +90,6 @@ function carhop_enqueue_scripts()
// Enqueue Swiper CSS and JS
wp_enqueue_style('swiper-css', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
wp_enqueue_script('swiper-js', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', array(), null, true);
wp_enqueue_script('gsap-js', 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js', array(), false, true);
wp_enqueue_script('gsap-st', 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js', array('gsap-js'), false, true);
}
/* ----------------------------------------------------------------

48
js/app.js
View File

@ -37,53 +37,5 @@
// resources/js/app.js
window.addEventListener("load", function() {
menuInit();
gsap.to(".shape.square", {
scrollTrigger: {
trigger: ".branding",
start: "top bottom",
end: "bottom top",
markers: true,
scrub: 0.2
},
y: "300%",
duration: 2,
ease: "none"
});
gsap.to(".shape.circle", {
scrollTrigger: {
trigger: ".branding",
start: "top bottom",
end: "bottom top",
markers: true,
scrub: 0.4
},
y: "175%",
duration: 2,
ease: "none"
});
gsap.to(".shape.rectangle-rotated", {
scrollTrigger: {
trigger: ".branding",
start: "top bottom",
end: "bottom top",
markers: true,
scrub: 0.6
},
y: "340%",
duration: 2,
ease: "none"
});
gsap.to(".shape.rectangle-vertical", {
scrollTrigger: {
trigger: ".branding",
start: "top bottom",
end: "bottom top",
markers: true,
scrub: 0.3
},
y: "150%",
duration: 2,
ease: "none"
});
});
})();

1
resources/css/app.css
View File

@ -34,7 +34,6 @@
@import './blocks/subscribe-infolettre.css';
@import './blocks/dernieres-dynamiques.css';
@import './blocks/revues-precedentes.css';
@import './blocks/cta.css';
/* Home */
@import '../../template-blocks/home/home-header/home-header.css';

8
resources/css/base/typography.css
View File

@ -50,11 +50,3 @@ body.wp-admin h6:not(.editor-visual-editor h6) {
.fjalla {
font-family: 'Fjalla One', sans-serif;
}
.title-small {
@apply text-base mb-6 font-bold tracking-wider uppercase nunito;
}
.subtitle-big {
@apply text-7xl font-normal uppercase;
}

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

@ -1,54 +1,46 @@
.chapter-section {
@apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@apply xl:py-32 2xl:py-48;
@apply max-w-screen-2xl;
@apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@apply xl:pt-32;
@apply mx-auto;
@apply mx-auto;
/* & + *:not(.simple-screen) {
/* & + *:not(.simple-screen) {
@apply xl:mt-32;
} */
&--right {
@apply flex-row-reverse;
}
&__content {
flex-shrink: 0;
@apply max-w-lg;
p {
@apply text-neutral-600 max-w-sm;
}
}
&__innerblocks {
/* @apply max-w-xl; */
p {
}
}
&__cover {
@apply object-contain;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */
display: block;
h2 {
@apply title-small;
}
h3 {
@apply subtitle-big;
}
&--right {
@apply flex-row-reverse;
}
&__content {
/* flex-shrink: 0; */
@apply max-w-3xl;
p {
@apply text-neutral-600 max-w-sm;
}
}
&__innerblocks {
/* @apply max-w-xl; */
p {
}
}
&__cover {
@apply object-contain;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */
display: block;
&--large {
@apply !h-96;
}
&--grande {
@apply !h-80;
}
&--medium {
@apply !h-64;
}
&--small {
@apply !h-12;
}
}
&--large {
@apply !h-96;
}
&--grande {
@apply !h-80;
}
&--medium {
@apply !h-64;
}
&--small {
@apply !h-12;
}
}
}

0
resources/css/blocks/cta.css
View File

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

@ -3,7 +3,7 @@
.block-revues-precedentes__header {
}
&__inner {
@apply max-w-screen-2xl mx-auto;
@apply max-w-screen-2xl mx-auto px-12 xl:px-24;
}
&__header {
@ -23,7 +23,8 @@
}
.card-revue {
@apply grid gap-y-12 2xl:gap-y-16 pb-24 gap-x-12 2xl:gap-x-24;
@apply grid gap-12 2xl:gap-24 pb-24;
grid-template-columns: 61.8fr 38.2fr;
.content-meta {
@ -34,53 +35,7 @@
}
&__content {
h4.title {
@apply uppercase text-7xl font-normal pb-8;
}
h5.edito-title {
@apply text-2xl font-bold uppercase pb-8;
}
}
&__issue-thumbnail-wrapper {
@apply relative w-full;
.card-background {
@apply absolute border-primary border bg-white top-20 left-8;
height: 94%;
width: 104%;
transform: perspective(800px) rotateY(10deg)
skewX(1deg) rotateZ(4deg) rotateX(1deg)
scale(0.98) translateY(-2px);
z-index: 0;
&::before {
@apply content-[''] absolute inset-0 bg-carhop-purple-100 w-full h-full;
width: calc(100% - 42px);
height: calc(100% - 42px);
left: 21px;
top: 21px;
z-index: 0;
}
}
}
&__issue-thumbnail {
@apply bg-white border-primary border relative;
/* transform: perspective(800px) rotateY(10deg) skewX(2deg); */
height: 330px;
position: relative;
z-index: 10;
img {
width: calc(100% - 42px);
height: calc(100% - 42px);
left: 21px;
top: 21px;
object-fit: cover;
position: relative;
z-index: 2;
}
@apply p-6;
}
}
}

2
resources/css/blocks/subscribe-infolettre.css
View File

@ -19,7 +19,7 @@
h5,
h6,
&__title {
@apply !font-medium !text-white;
@apply font-bold !text-white;
}
&__content {

3
resources/css/components/article-tag.css
View File

@ -5,6 +5,3 @@
@apply bg-primary text-white;
}
}
.article-tags {
@apply flex gap-2;
}

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

@ -1,30 +1,7 @@
footer {
@apply mx-auto px-12;
@apply mx-auto px-12 pt-64;
.branding {
@apply w-full mb-12 grid relative pt-64;
z-index: -1;
.square,
.rectangle-rotated {
z-index: -1;
}
.circle,
.rectangle-vertical {
z-index: -3;
}
.website-title {
z-index: -2;
}
&__shapes {
@apply w-full grid gap-4 grid-cols-4 h-full absolute left-0;
top: 0px;
img {
@apply h-64 shrink;
flex-shrink: 1;
}
}
@apply w-full mb-12;
.website-title {
@apply w-full;
@ -49,12 +26,3 @@ footer {
}
}
}
@keyframes parallax {
from {
transform: translateY(-200px);
}
to {
transform: translateY(200px);
}
}

1
resources/img/icon-activites.svg
View File

@ -1 +0,0 @@
<svg width="33.243" xmlns="http://www.w3.org/2000/svg" height="33.243" id="screenshot-a2556a6c-3214-8099-8006-165931dde031" viewBox="-0.121 -0.121 33.243 33.243" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde031" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-a2556a6c-3214-8099-8006-165931dde032" style="display: none;"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde032"><rect width="32.99999999999818" height="32.997226940004225" x="-0.000010239060429739766" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.122307, -0.121397)" style="fill: rgb(214, 195, 255); fill-opacity: 1;" ry="0" fill="none" rx="0" y="0.0027730221845558845"/></g></g><g id="shape-a2556a6c-3214-8099-8006-165931dde033"/><g id="shape-a2556a6c-3214-8099-8006-165931dde034"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde034"><rect width="28.870975068950884" height="17.792708437504757" class="cls-1" x="2.0645861314221747" transform="matrix(0.712339, -0.701836, 0.701896, 0.712280, -6.833029, 16.326982)" style="fill: rgb(214, 195, 255); fill-opacity: 1;" ry="0" rx="0" y="7.601056546915743"/></g></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

1
resources/img/icon-collections.svg
View File

@ -1 +0,0 @@
<svg width="30.998" xmlns="http://www.w3.org/2000/svg" height="30.996" id="screenshot-a2556a6c-3214-8099-8006-165931dde038" viewBox="-4.54 -4.539 30.998 30.996" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde038"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde038"><rect width="21.9185463932713" height="21.918546393260385" class="cls-1" x="0" transform="matrix(0.701889, 0.712286, -0.712333, 0.701842, 11.073723, -4.538540)" style="fill: rgb(10, 211, 255); fill-opacity: 1;" ry="0" rx="0" y="0"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 592 B

1
resources/img/icon-dbmob.svg
View File

@ -1 +0,0 @@
<svg width="20.236" xmlns="http://www.w3.org/2000/svg" height="32.147" id="screenshot-a2556a6c-3214-8099-8006-165931dde043" viewBox="-0.118 -0.073 20.236 32.147" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde043"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde043"><rect width="19.99999999999875" height="31.99999999999534" class="cls-1" x="0" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.118427, -0.073410)" style="fill: rgb(174, 33, 84); fill-opacity: 1;" ry="0" rx="0" y="0"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 591 B

1
resources/img/icon-publications.svg
View File

@ -1 +0,0 @@
<svg width="24.177" xmlns="http://www.w3.org/2000/svg" height="24.177" id="screenshot-a2556a6c-3214-8099-8006-165931dde048" viewBox="-0.088 -0.088 24.177 24.177" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde048"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde048"><ellipse cx="11.999999999999773" cy="11.999999999999261" rx="11.999999999999773" ry="11.999999999999261" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.088943, -0.088289)" style="fill: rgb(255, 166, 48); fill-opacity: 1;"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 598 B

52
resources/js/app.js
View File

@ -2,56 +2,4 @@ import menuInit from './header';
window.addEventListener('load', function () {
menuInit();
gsap.to('.shape.square', {
scrollTrigger: {
trigger: '.branding',
start: 'top bottom',
end: 'bottom top',
markers: true,
scrub: 0.2,
},
y: '300%',
duration: 2,
ease: 'none',
});
gsap.to('.shape.circle', {
scrollTrigger: {
trigger: '.branding',
start: 'top bottom',
end: 'bottom top',
markers: true,
scrub: 0.4,
},
y: '175%',
duration: 2,
ease: 'none',
});
gsap.to('.shape.rectangle-rotated', {
scrollTrigger: {
trigger: '.branding',
start: 'top bottom',
end: 'bottom top',
markers: true,
scrub: 0.6,
},
y: '340%',
duration: 2,
ease: 'none',
});
gsap.to('.shape.rectangle-vertical', {
scrollTrigger: {
trigger: '.branding',
start: 'top bottom',
end: 'bottom top',
markers: true,
scrub: 0.3,
},
y: '150%',
duration: 2,
ease: 'none',
});
});

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 682 KiB

13
tailwind.config.js
View File

@ -30,19 +30,6 @@ module.exports = {
...tailpress.colorMapper(
tailpress.theme('settings.color.palette', theme)
),
'carhop-green': {
50: '#f1fcf9',
100: '#cef9ee',
200: '#9df2de',
300: '#64e4c9',
400: '#34cdb2',
500: '#1bb198',
600: '#138e7d',
700: getBaseColor('carhop-green'), // Base Color
800: '#145b52',
900: '#164b45',
950: '#062d2a',
},
'carhop-orange': {
50: '#fff8eb',
100: '#ffebc6',

6
template-parts/footer.php
View File

@ -2,12 +2,6 @@
?>
<div class="branding">
<div class="branding__shapes">
<img class="shape square" src="<?php echo get_template_directory_uri(); ?>/resources/img/icon-collections.svg" alt="Carhop">
<img class="shape circle" src="<?php echo get_template_directory_uri(); ?>/resources/img/icon-publications.svg" alt="Carhop">
<img class="shape rectangle-rotated" src="<?php echo get_template_directory_uri(); ?>/resources/img/icon-activites.svg" alt="Carhop">
<img class="shape rectangle-vertical" src="<?php echo get_template_directory_uri(); ?>/resources/img/icon-dbmob.svg" alt="Carhop">
</div>
<img class="website-title" src="<?php echo get_template_directory_uri(); ?>/resources/img/carhop-textual-logo.svg" alt="Carhop">
</div>

5
theme.json
View File

@ -14,11 +14,6 @@
"slug": "primary",
"color": "#136F63"
},
{
"name": "Carhop Green",
"slug": "carhop-green",
"color": "#136f63"
},
{
"name": "Carhop Orange",
"slug": "carhop-orange",