Compare commits

...

10 Commits

15 changed files with 217 additions and 8 deletions

View File

@ -1,6 +1,6 @@
<?php get_header(); ?>
<main id="content" class="site-content flex-grow">
<main id="content" class="site-content entry-content flex-grow">
<?php if (have_posts()) : ?>
<?php
while (have_posts()) :

View File

@ -112,6 +112,7 @@
@import './blocks/wp-block-buttons.css';
@import './blocks/explore-tags.css';
@import './blocks/see-also.css';
@import './blocks/dbmob-archives.css';
@import './blocks/variants.css';
/* ########### LIBS ############ */

View File

@ -161,7 +161,7 @@
.chapter-section--width-full.chapter-section--has-background
+ .chapter-section--width-full.chapter-section--has-background {
/* @apply !-mt-20; */
@apply bg-red-500;
/* @apply bg-red-500; */
}
.wp-block-carhop-blocks-content-box .chapter-section {

View File

@ -0,0 +1,24 @@
.wp-block-carhop-blocks-dbmob-archives {
.notice-toolbar {
@apply py-5;
}
.post-count {
&__text {
@apply text-lg text-primary !font-normal nunito normal-case;
}
}
.search-bar {
@apply py-8 border-t border-b border-solid border-primary;
label {
@apply block text-lg text-primary !font-normal nunito normal-case mb-2;
}
input {
@apply w-full p-2 border border-solid border-primary rounded-full max-w-sm;
}
}
.dbmob-grid {
@apply grid grid-cols-1 md:grid-cols-2 gap-4 pt-6 py-12;
}
}

View File

@ -22,7 +22,7 @@
&__content {
.block-title {
@apply text-lg mb-6 uppercase font-bold tracking-bigbig;
@apply text-lg mb-6 uppercase font-bold tracking-bigbig text-white;
}
h2 {
@apply text-5xl mb-12 uppercase font-semibold;
@ -36,6 +36,7 @@
}
&__description {
@apply text-white font-normal;
/* @apply text-lg; */
}

View File

@ -7,6 +7,7 @@
&:before {
@apply content-[''] mr-2 h-6 w-6 inline-block;
}
&--analyses-etudes:before,
&--expositions:before,
&--outils-pedagogiques:before,
@ -15,7 +16,7 @@
@apply rounded-full bg-carhop-orange-400;
}
&--archives-presse:before ,
&--archives-presse:before,
&--communique-presse:before {
@apply rounded-full bg-white border-2 border-primary;
}
@ -24,6 +25,9 @@
&--article:before {
@apply w-6 bg-carhop-purple-300 -rotate-45;
}
&--dbmob:before {
@apply w-4 bg-carhop-red-700;
}
}
&__reading-time {

View File

@ -1,6 +1,10 @@
.post-card {
@apply bg-white border border-primary p-6 block;
transition: transform 0.3s ease-out;
&[target='_blank']::after {
@apply content-none;
}
&:hover {
transform: translateY(-4px);
}

View File

@ -44,6 +44,10 @@ article > *:not(.entry-content),
@apply list-decimal;
}
}
> .wp-block-columns {
@apply !my-24;
}
}
.wp-singular.page {
.site-content {
@ -106,3 +110,11 @@ h3.wp-block-heading:has(+ .wp-block-table) {
/* .wp-block-table + h3.wp-block-heading {
@apply mt-16;
} */
/* :where(.is-website-carhop) {
@apply text-primary;
} */
:where(.wp-singular.page .entry-content p) {
@apply text-primary;
}

View File

@ -0,0 +1,21 @@
<svg width="412" height="321" viewBox="0 0 412 321" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M286 50H118V321H286V50Z" fill="#AE2154"/>
<rect x="334" y="164" width="77.6812" height="75.0026" fill="white"/>
<rect width="77.6812" height="75.0026" fill="white"/>
<g clip-path="url(#clip0_3921_17523)">
<path d="M26.4844 51.6369H35.9988L56.8475 31.1801V12.7238L26.4844 42.5274V51.6369Z" stroke="#136F63" stroke-width="2"/>
<path d="M20.8203 57.1976L34.8155 43.4655" stroke="#136F63" stroke-width="2"/>
</g>
<g clip-path="url(#clip1_3921_17523)">
<path d="M373.003 219.765C382.691 219.765 390.544 211.795 390.544 201.963C390.544 192.131 382.691 184.161 373.003 184.161C363.315 184.161 355.461 192.131 355.461 201.963C355.461 211.795 363.315 219.765 373.003 219.765Z" stroke="#136F63" stroke-width="2"/>
<path d="M373.002 196.222L367.008 202.305L373.002 208.388L378.996 202.305L373.002 196.222Z" stroke="#136F63" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_3921_17523">
<rect width="38" height="48" fill="white" transform="translate(20 10)"/>
</clipPath>
<clipPath id="clip1_3921_17523">
<rect width="38" height="38" fill="white" transform="translate(354 183)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,21 @@
<svg width="363" height="321" viewBox="0 0 363 321" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M275 76H124V321H275V76Z" fill="#AE2154"/>
<rect x="292.727" width="70.1118" height="67.6941" fill="#136F63"/>
<rect y="201" width="70.1118" height="67.6941" fill="#136F63"/>
<g clip-path="url(#clip0_3921_17522)">
<path d="M23.9766 248.324H32.7398L51.9426 229.572V212.654L23.9766 239.974V248.324Z" stroke="white" stroke-width="2"/>
<path d="M18.75 253.422L31.6403 240.834" stroke="white" stroke-width="2"/>
</g>
<g clip-path="url(#clip1_3921_17522)">
<path d="M328 49.9274C336.668 49.9274 343.695 43.0058 343.695 34.4676C343.695 25.9294 336.668 19.0078 328 19.0078C319.332 19.0078 312.305 25.9294 312.305 34.4676C312.305 43.0058 319.332 49.9274 328 49.9274Z" stroke="white" stroke-width="2"/>
<path d="M327.996 29.4819L322.633 34.7646L327.996 40.0474L333.359 34.7646L327.996 29.4819Z" stroke="white" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_3921_17522">
<rect width="35" height="44" fill="white" transform="translate(18 210.157)"/>
</clipPath>
<clipPath id="clip1_3921_17522">
<rect width="34" height="33" fill="white" transform="translate(311 18)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,14 @@
<svg width="299" height="299" viewBox="0 0 299 299" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="149.148" width="210.929" height="210.929" transform="rotate(45 149.148 0)" fill="#0AD3FF"/>
<rect x="27.0703" y="181.56" width="74.8817" height="74.8817" fill="#136F63"/>
<g clip-path="url(#clip0_2169_20952)">
<path d="M78.1441 209.019H48.7539V236.365H78.1441V209.019Z" stroke="white" stroke-width="2"/>
<path d="M81.8902 201.197H45.0078V209.019H81.8902V201.197Z" stroke="white" stroke-width="2"/>
<path d="M70.6815 217.498H56.2148" stroke="white" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_2169_20952">
<rect width="38.9128" height="37.2209" fill="white" transform="translate(43.9922 200.171)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 741 B

View File

@ -0,0 +1,13 @@
<svg width="320" height="321" viewBox="0 0 320 321" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="149.391" y="22.0005" width="211.27" height="211.27" transform="rotate(45 149.391 22.0005)" fill="#0AD3FF"/>
<rect x="242.004" width="77.6812" height="75.0026" fill="white"/>
<g clip-path="url(#clip0_2169_8671)">
<path d="M280.137 57.824C291.802 57.824 301.258 48.2273 301.258 36.3893C301.258 24.5512 291.802 14.9545 280.137 14.9545C268.472 14.9545 259.016 24.5512 259.016 36.3893C259.016 48.2273 268.472 57.824 280.137 57.824Z" stroke="#136F63" stroke-width="2"/>
<path d="M280.131 29.4765L272.914 36.801L280.131 44.1255L287.349 36.801L280.131 29.4765Z" stroke="#136F63" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_2169_8671">
<rect width="45.754" height="45.754" fill="white" transform="translate(257.258 13.5571)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 861 B

View File

@ -0,0 +1,42 @@
<svg width="358" height="351" viewBox="0 0 358 351" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="149.152" y="51.9169" width="210.929" height="210.929" transform="rotate(45 149.152 51.9169)" fill="#0AD3FF"/>
<rect x="27.0703" y="233.477" width="74.8817" height="74.8817" fill="#136F63"/>
<g clip-path="url(#clip0_2389_25963)">
<path d="M78.1441 260.936H48.7539V288.282H78.1441V260.936Z" stroke="white" stroke-width="2"/>
<path d="M81.8902 253.114H45.0078V260.936H81.8902V253.114Z" stroke="white" stroke-width="2"/>
<path d="M70.6815 269.415H56.2148" stroke="white" stroke-width="2"/>
</g>
<rect x="175.957" y="148.884" width="77.556" height="74.8817" fill="#136F63"/>
<g clip-path="url(#clip1_2389_25963)">
<path d="M214.025 206.615C225.671 206.615 235.112 197.033 235.112 185.214C235.112 173.395 225.671 163.814 214.025 163.814C202.379 163.814 192.938 173.395 192.938 185.214C192.938 197.033 202.379 206.615 214.025 206.615Z" stroke="white" stroke-width="2"/>
<path d="M214.022 178.313L206.816 185.625L214.022 192.938L221.228 185.625L214.022 178.313Z" stroke="white" stroke-width="2"/>
</g>
<rect x="282.543" width="74.8817" height="74.8817" fill="#136F63"/>
<g clip-path="url(#clip2_2389_25963)">
<path d="M328.02 28.8673L342.314 22.0344V52.3971L328.099 45.5431L328.02 28.8673Z" stroke="white" stroke-width="2"/>
<path d="M328.018 22.0344H298.906V52.3971H328.018V22.0344Z" stroke="white" stroke-width="2"/>
</g>
<rect x="50.7578" y="74.4419" width="74.8817" height="74.8817" fill="#136F63"/>
<g clip-path="url(#clip3_2389_25963)">
<path d="M89.0674 87.7411H87.475C81.4741 87.7411 76.6094 92.5473 76.6094 98.4761V115.782C76.6094 121.711 81.4741 126.517 87.475 126.517H89.0674C95.0684 126.517 99.9331 121.711 99.9331 115.782V98.4761C99.9331 92.5473 95.0684 87.7411 89.0674 87.7411Z" stroke="white" stroke-width="2"/>
<path d="M88.2773 126.517V135.097" stroke="white" stroke-width="2"/>
<path d="M96.7059 135.097H79.832" stroke="white" stroke-width="2"/>
<path d="M76.6094 115.914H84.5713" stroke="white" stroke-width="2"/>
<path d="M76.6094 108.233H84.5713" stroke="white" stroke-width="2"/>
<path d="M76.6094 100.552H84.5713" stroke="white" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_2389_25963">
<rect width="38.9128" height="37.2209" fill="white" transform="translate(43.9922 252.087)"/>
</clipPath>
<clipPath id="clip1_2389_25963">
<rect width="45.6802" height="45.6802" fill="white" transform="translate(191.184 162.419)"/>
</clipPath>
<clipPath id="clip2_2389_25963">
<rect width="45.6802" height="33.8372" fill="white" transform="translate(297.77 20.3025)"/>
</clipPath>
<clipPath id="clip3_2389_25963">
<rect width="26" height="50" fill="white" transform="translate(75.2695 86.4191)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,48 @@
<svg width="358" height="351" viewBox="0 0 358 351" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="149.391" y="52.0005" width="211.27" height="211.27" transform="rotate(45 149.391 52.0005)" fill="#0AD3FF"/>
<rect x="27.1133" y="233.854" width="75.0026" height="75.0026" fill="white"/>
<g clip-path="url(#clip0_2187_31828)">
<path d="M78.2696 261.357H48.832V288.747H78.2696V261.357Z" stroke="#136F63" stroke-width="2"/>
<path d="M82.0201 253.522H45.0781V261.357H82.0201V253.522Z" stroke="#136F63" stroke-width="2"/>
<path d="M70.7947 269.849H56.3047" stroke="#136F63" stroke-width="2"/>
</g>
<rect x="176.238" y="149.124" width="77.6812" height="75.0026" fill="white"/>
<path d="M214.371 206.948C226.036 206.948 235.492 197.351 235.492 185.513C235.492 173.675 226.036 164.078 214.371 164.078C202.706 164.078 193.25 173.675 193.25 185.513C193.25 197.351 202.706 206.948 214.371 206.948Z" stroke="#136F63" stroke-width="2"/>
<path d="M214.366 178.6L207.148 185.925L214.366 193.249L221.583 185.925L214.366 178.6Z" stroke="#136F63" stroke-width="2"/>
<rect x="282.996" y="0.00012207" width="75.0026" height="75.0026" fill="white"/>
<g clip-path="url(#clip1_2187_31828)">
<path d="M328.547 28.914L342.864 22.07V52.4817L328.627 45.6166L328.547 28.914Z" stroke="#136F63" stroke-width="2"/>
<path d="M328.549 22.07H299.391V52.4817H328.549V22.07Z" stroke="#136F63" stroke-width="2"/>
</g>
<rect x="50.8398" y="74.562" width="75.0026" height="75.0026" fill="white"/>
<g clip-path="url(#clip2_2187_31828)">
<path d="M87.8018 88.322H86.2094C80.2085 88.322 75.3438 93.1282 75.3438 99.0571V116.363C75.3438 122.292 80.2085 127.098 86.2094 127.098H87.8018C93.8027 127.098 98.6675 122.292 98.6675 116.363V99.0571C98.6675 93.1282 93.8027 88.322 87.8018 88.322Z" stroke="#136F63" stroke-width="2"/>
<path d="M87.0117 127.098V135.678" stroke="#136F63" stroke-width="2"/>
<path d="M95.4403 135.678H78.5664" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 116.495H83.3057" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 108.814H83.3057" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 101.133H83.3057" stroke="#136F63" stroke-width="2"/>
</g>
<g clip-path="url(#clip3_2187_31828)">
<path d="M87.8018 88.322H86.2094C80.2085 88.322 75.3438 93.1282 75.3438 99.0571V116.363C75.3438 122.292 80.2085 127.098 86.2094 127.098H87.8018C93.8027 127.098 98.6675 122.292 98.6675 116.363V99.0571C98.6675 93.1282 93.8027 88.322 87.8018 88.322Z" stroke="#136F63" stroke-width="2"/>
<path d="M87.0117 127.098V135.678" stroke="#136F63" stroke-width="2"/>
<path d="M95.4403 135.678H78.5664" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 116.495H83.3057" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 108.814H83.3057" stroke="#136F63" stroke-width="2"/>
<path d="M75.3438 101.133H83.3057" stroke="#136F63" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_2187_31828">
<rect width="38.9756" height="37.281" fill="white" transform="translate(44.0625 252.494)"/>
</clipPath>
<clipPath id="clip1_2187_31828">
<rect width="45.754" height="33.8918" fill="white" transform="translate(298.25 20.3352)"/>
</clipPath>
<clipPath id="clip2_2187_31828">
<rect width="26" height="50" fill="white" transform="translate(74.0039 86.9999)"/>
</clipPath>
<clipPath id="clip3_2187_31828">
<rect width="26" height="50" fill="white" transform="translate(74.0039 86.9999)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -6,8 +6,14 @@ $showExcerpt = $args['show_excerpt'] ?? false;
$showTags = $args['showTags'] ?? true;
$has_external_link = $args['has_external_link'] ?? false;
$external_link = $args['external_link'] ?? null;
$external_link_text = $args['external_link_text'] ?? null;
$target = $has_external_link && ! empty($external_link) ? '_blank' : '_self';
$excerpt = get_the_excerpt($ID);
$link = get_the_permalink($ID);
$link = ($has_external_link && ! empty($external_link)) ? $external_link : get_the_permalink($ID);
$has_post_thumbnail = has_post_thumbnail($ID);
$thumbnail_url = get_the_post_thumbnail_url($ID) ?? null;
@ -23,14 +29,12 @@ $editors = get_field('editors', $ID);
$has_publication_direction = get_field('has_publication_direction', $ID);
$publication_directors = get_field('publication_directors', $ID);
$numerotation = get_post_meta($ID, 'post_numerotation', true);
$tags = get_the_terms($ID, 'etiquettes');
?>
<a class="post-card post-card--<?php echo $current_post_type . ' ' . ($has_post_thumbnail ? 'post-card--has-thumbnail' : ''); ?> card" href="<?php echo $link; ?> ">
<a class="post-card post-card--<?php echo $current_post_type . ' ' . ($has_post_thumbnail ? 'post-card--has-thumbnail' : ''); ?> card" href="<?php echo esc_url($link); ?>" target="<?php echo $target; ?>">
<?php if ($has_post_thumbnail) : ?>
<div class="post-card__thumbnail">
<img src="<?php echo $thumbnail_url; ?>" alt="<?php echo $title; ?>">