FIX Fixing placeholder picture weird vibrance
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Nonimart 2025-06-05 13:20:47 +02:00
parent 333f53d440
commit 36f2ab65ea
5 changed files with 97 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 93 KiB

View File

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 206.97 376.19">
<defs>
<style>
.cls-1 {
fill: url(#Dégradé_sans_nom_103);
}
.cls-2, .cls-3 {
fill: #fff;
}
.cls-4, .cls-5, .cls-6 {
fill: none;
}
.cls-5 {
stroke-width: 2px;
}
.cls-5, .cls-3, .cls-6 {
stroke: #000;
stroke-linecap: round;
stroke-linejoin: round;
}
.cls-3, .cls-6 {
stroke-width: 2px;
}
.cls-7 {
fill: #767575;
opacity: .3;
}
</style>
<linearGradient id="Dégradé_sans_nom_103" data-name="Dégradé sans nom 103" x1="-2545.13" y1="1817.58" x2="-2543.44" y2="1815.79" gradientTransform="translate(10090.08 17767.24) scale(3.94 -9.71)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8b2ff7"/>
<stop offset="1" stop-color="#eb79ff"/>
</linearGradient>
</defs>
<g id="metiers-professionnels">
<path class="cls-7" d="M19.89,364.71c26.64,15.38,69.96,15.3,96.76-.17,26.8-15.47,26.94-40.49.3-55.86-26.64-15.38-69.96-15.3-96.76.17-26.8,15.47-26.94,40.49-.3,55.86Z"/>
</g>
<g id="Calque_19">
<g>
<polyline id="Ligne_3193" class="cls-3" points="50.05 328.85 50.05 319.99 58.13 319.42 58.13 326.89 58.13 319.42 58.13 320.02"/>
<path id="Tracé_18441" class="cls-2" d="M52.06,325.02c-.84.3-1.62.76-2.29,1.34-1.32,1.25-2.19,2.89-2.48,4.68-.25,1.84-.25,3.71,0,5.56.17,2.55.27,3.85.73,4.32,1.58,1.62,5.76.17,7.9-.96,5.22-2.78,7.34-8.57,8.2-12.11.35-1.41-.26-2.89-1.51-3.64-.41-.24-.84-.45-1.28-.63-3.14-.97-6.56-.44-9.26,1.44"/>
<path id="Tracé_18442" class="cls-6" d="M52.06,325.02c-.84.3-1.62.76-2.29,1.34-1.32,1.25-2.19,2.89-2.48,4.68-.25,1.84-.25,3.71,0,5.56.17,2.55.27,3.85.73,4.32,1.58,1.62,5.76.17,7.9-.96,5.22-2.78,7.34-8.57,8.2-12.11.35-1.41-.26-2.89-1.51-3.64-.41-.24-.84-.45-1.28-.63-3.14-.97-6.56-.44-9.26,1.43Z"/>
<path id="Tracé_18424" class="cls-2" d="M191.5,16.04h0l-24.63-14.08-10.39,17.06c-21.37,11.26-43.21,36.66-54.9,66.19-4.88,11.69-7.55,24.18-7.87,36.85l-10,16.42,20.61,13.32c.65.42,1.27.87,1.89,1.32,4.39,3.04,9.63,4.62,14.97,4.49,26.66,0,61.1-32.41,76.92-72.4,12.87-32.53,9.47-60.04-6.6-69.17"/>
<path id="Tracé_18425" class="cls-6" d="M191.5,16.04h0l-24.63-14.08-10.39,17.06c-21.37,11.26-43.21,36.66-54.9,66.19-4.88,11.69-7.55,24.18-7.87,36.85l-10,16.42,20.61,13.32c.65.42,1.27.87,1.89,1.32,4.39,3.04,9.63,4.62,14.97,4.49,26.66,0,61.1-32.41,76.92-72.4,12.88-32.53,9.47-60.04-6.6-69.18Z"/>
<path id="Tracé_18426" class="cls-2" d="M178.85,73.36c-15.83,39.98-50.26,72.4-76.92,72.4s-35.43-32.41-19.61-72.4C98.14,33.37,132.58.96,159.24.96s35.43,32.41,19.61,72.39"/>
<ellipse id="Ellipse_1360" class="cls-5" cx="130.53" cy="73.37" rx="80.69" ry="43.25" transform="translate(-.39 146.05) rotate(-58.38)"/>
<path id="Tracé_18427" class="cls-2" d="M170.32,73.36c-13.03,32.92-41.38,59.6-63.33,59.6s-29.17-26.69-16.14-59.6c13.03-32.92,41.38-59.6,63.33-59.6s29.17,26.69,16.14,59.6"/>
<path id="Tracé_18428" class="cls-6" d="M170.32,73.36c-13.03,32.92-41.38,59.6-63.33,59.6s-29.17-26.69-16.14-59.6c13.03-32.92,41.38-59.6,63.33-59.6s29.17,26.69,16.14,59.6Z"/>
<path id="Tracé_18429" class="cls-2" d="M135.88,157.61c-.5-3.62-.98-7.3-1.41-11.02v-.04c-.29-2.44.58-4.88,2.34-6.6,3.33-3.26,7.46-5.57,11.97-6.71,2-.49,4.01.73,4.5,2.73.03.1.05.21.06.31l3.43,21.33h-20.89Z"/>
<path id="Tracé_18430" class="cls-6" d="M135.88,157.61c-.5-3.62-.98-7.3-1.41-11.02v-.04c-.29-2.44.58-4.88,2.34-6.6,3.33-3.26,7.46-5.57,11.97-6.71,2-.49,4.01.73,4.5,2.73.03.1.05.21.06.31l3.43,21.33h-20.89Z"/>
<path id="Tracé_18431" class="cls-2" d="M132.24,161.52c3.09-4.45,7.96-7.36,13.35-7.97,4.74-.38,9.44,1.07,13.14,4.06,4.14,27.38,8.28,54.76,12.42,82.14-3.82-3.04-8.58-4.65-13.45-4.55-6.05.31-11.69,3.17-15.52,7.86l-9.93-81.54"/>
<path id="Tracé_18432" class="cls-6" d="M132.24,161.52c3.09-4.45,7.96-7.36,13.35-7.97,4.74-.38,9.44,1.07,13.14,4.06,4.14,27.38,8.28,54.76,12.42,82.14-3.82-3.04-8.58-4.65-13.45-4.55-6.05.31-11.69,3.17-15.52,7.86l-9.93-81.54Z"/>
<path id="Tracé_18433" class="cls-2" d="M171.35,239.85c0-4.63-6.53-7.49-14.59-6.42-8.06,1.08-14.59,5.72-14.59,10.35s6.53,7.5,14.59,6.42c8.06-1.09,14.59-5.72,14.59-10.35"/>
<path id="Tracé_18434" class="cls-6" d="M171.35,239.85c0-4.63-6.53-7.49-14.59-6.42-8.06,1.08-14.59,5.72-14.59,10.35s6.53,7.5,14.59,6.42c8.06-1.09,14.59-5.72,14.59-10.35Z"/>
<path id="Tracé_18435" class="cls-6" d="M139.98,106.34c2.77-2.61,5.38-5.41,7.78-8.36"/>
<path id="Tracé_18436" class="cls-6" d="M106.16,60.42c-17.48,27.2-14.91,53.68-4.66,59.91,5.48,3.33,14.83,1.91,24.9-3.83"/>
<path id="Tracé_18437" class="cls-2" d="M64.36,317.78c-6.6,2.35-13.71,2.86-20.57,1.49-1.97-41.35-3.95-82.7-5.92-124.05l21.91,27.17c1.53,31.8,3.05,63.6,4.58,95.39"/>
<path id="Tracé_18438" class="cls-6" d="M64.36,317.78c-6.6,2.35-13.71,2.86-20.57,1.49-1.97-41.35-3.95-82.7-5.92-124.05l21.91,27.17c1.53,31.8,3.05,63.59,4.58,95.39Z"/>
<path id="Tracé_18439" class="cls-2" d="M37.86,205.63l18.49,27.15,11.65,98.15,18.09-4.46,5.11-111.07-53.35-9.76Z"/>
<path id="Tracé_18440" class="cls-6" d="M37.86,205.63l18.49,27.15,11.65,98.15,18.09-4.46,5.11-111.07-53.35-9.76Z"/>
<line id="Ligne_3190" class="cls-4" x1="82.16" y1="327.43" x2="83.91" y2="335.22"/>
<polygon id="Ligne_3191" class="cls-3" points="74.68 336.69 74.68 329.27 82.16 327.43 83.91 335.22 74.68 336.69"/>
<path id="Tracé_18443" class="cls-2" d="M74.91,335.95c-.79.1-1.52.48-2.06,1.07-2.28,2.48-3.62,5.67-3.79,9.03-.02.46,0,.93.03,1.39.17,2.36,2.21,4.14,4.58,4,6.79-.36,13.38-2.42,19.18-5.98,1.34-.83,2.62-1.74,3.85-2.72,2.38-1.89,2.77-5.35.88-7.73-.54-.68-1.24-1.23-2.03-1.59-.17-.08-.36-.16-.55-.23-6.45-2.54-12.37,1.43-12.91,1.8l-7.17.96Z"/>
<path id="Tracé_18444" class="cls-6" d="M74.91,335.95c-.79.1-1.52.48-2.06,1.07-2.28,2.48-3.62,5.67-3.79,9.03-.02.46,0,.93.03,1.39.17,2.36,2.21,4.14,4.58,4,6.79-.36,13.38-2.42,19.18-5.98,1.34-.83,2.62-1.74,3.85-2.72,2.38-1.89,2.77-5.35.88-7.73-.54-.68-1.24-1.23-2.03-1.59-.17-.08-.36-.16-.55-.23-6.45-2.54-12.37,1.43-12.91,1.8l-7.17.96Z"/>
<path id="Tracé_18445" class="cls-2" d="M161.65,174.09c-3.7-2.28-4.23-.7-10.43-1.63-7.76-1.13-7.76-2.81-11.6,5.38-5.62,3.33-18.56,6.75-26.66,6.12-15.5-40.4-5.68-49.36-47.81-68.34-4.09,1.97-7.74,4.75-10.73,8.16-8.17,9.49-8.28,19.07-10.78,36.74-4.86,34.28-11.54,41.16-5.12,50.7,3.59,5.33,8.64,7.6,17.23,11.45,10.33,4.63,23.84,10.83,33.16,4.26,6.47-4.57,7.63-15.29,8.17-29.5,9.88,13,39.61-2.9,46.26-9.64,3.76.63,7.63-.1,10.9-2.06,4.04-2.62,6.74-6.87,7.4-11.65"/>
<path id="Tracé_18446" class="cls-6" d="M161.65,174.09c-3.7-2.28-4.23-.7-10.43-1.63-7.76-1.13-7.76-2.81-11.6,5.38-5.62,3.33-18.56,6.75-26.66,6.12-15.5-40.4-5.68-49.36-47.81-68.34-4.09,1.97-7.74,4.75-10.73,8.16-8.17,9.49-8.28,19.07-10.78,36.74-4.86,34.28-11.54,41.16-5.12,50.7,3.59,5.33,8.64,7.6,17.23,11.45,10.33,4.63,23.84,10.83,33.16,4.26,6.47-4.57,7.63-15.29,8.17-29.5,9.88,13,39.61-2.9,46.26-9.64,3.76.63,7.63-.1,10.9-2.06,4.04-2.62,6.74-6.87,7.39-11.65Z"/>
<path id="Tracé_18447" class="cls-2" d="M81.3,154.25c3.24,11.62,7.22,23.02,11.92,34.13,1.42,3.36,2.87,6.61,4.36,9.78"/>
<path id="Tracé_18448" class="cls-6" d="M81.3,154.25c3.24,11.62,7.22,23.02,11.92,34.13,1.42,3.36,2.87,6.61,4.36,9.78"/>
<path id="Tracé_18449" class="cls-2" d="M136.38,179.24c1.98,3.04,3.29,6.48,3.83,10.07"/>
<path id="Tracé_18450" class="cls-6" d="M136.38,179.24c1.98,3.04,3.29,6.48,3.83,10.07"/>
<path id="Tracé_18451" class="cls-2" d="M53.48,119.85l24.99,16.8,1.59-29.01-11.63-24.22-13.36,7.42-1.59,29.01Z"/>
<path id="Tracé_18453" class="cls-2" d="M78.46,136.65l26.59-12.39,1.59-29.01-26.59,12.39-1.59,29.01Z"/>
<path id="Tracé_18454" class="cls-6" d="M78.46,136.65l26.59-12.39,1.59-29.01-26.59,12.39-1.59,29.01Z"/>
<path id="Tracé_18455" class="cls-2" d="M68.42,83.42l26.59-12.39,11.63,24.23-26.59,12.39-11.63-24.23Z"/>
<path id="Tracé_18456" class="cls-6" d="M68.42,83.42l26.59-12.39,11.63,24.23-26.59,12.39-11.63-24.23Z"/>
<path id="Tracé_18457" class="cls-1" d="M68.39,115.99h0l-6.03-3.94-.68,12.53,6.03,4.01.68-12.6Z"/>
<path id="Tracé_18452" class="cls-6" d="M53.48,119.85l24.99,16.8,1.59-29.01-11.63-24.22-13.36,7.42-1.59,29.01Z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 8.3 KiB

View File

@ -1,7 +1,7 @@
<?php
$postID = $args['post_ID'];
$post_thumbnail = get_the_post_thumbnail($postID, 'full', array('class' => 'card-artisans__thumbnail card-post__thumbnail')) ?? null;
$postDefautlThumbnail = get_stylesheet_directory_uri() . '/resources/img/illustrations/Homegrade-metier-du-patrimoine-artisan-vignette.jpg';
$postDefautlThumbnail = get_stylesheet_directory_uri() . '/resources/img/illustrations/Homegrade_resultats-filtres.svg';
$post_title = $args['post_title'];
$post_permalink = get_the_permalink($postID);
@ -17,9 +17,7 @@ $email = get_field('email', $postID);
$website = get_field('website', $postID);
$adresse = get_field('adresse', $postID);
// write_log($adresse);
$cover_image = get_field('artisan_cover', $postID);
write_log($cover_image);
?>
@ -27,7 +25,7 @@ write_log($cover_image);
<?php if ($cover_image): ?>
<img src="<?php echo $cover_image['url'] ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image">
<?php else: ?>
<img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image">
<img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image is-placeholder">
<?php endif; ?>
<div class="card-artisans__inner">

View File

@ -1,7 +1,7 @@
<?php
$postID = $args['post_ID'];
$post_thumbnail = get_the_post_thumbnail($postID, 'full', array('class' => 'card-artisans__thumbnail card-post__thumbnail')) ?? null;
$postDefautlThumbnail = get_stylesheet_directory_uri() . '/resources/img/illustrations/Homegrade-metier-du-patrimoine-artisan-vignette.jpg';
$postDefautlThumbnail = get_stylesheet_directory_uri() . '/resources/img/illustrations/Homegrade_resultats-filtres.svg';
$post_title = $args['post_title'];
$company_members = get_field('company_members', $postID);
@ -24,7 +24,7 @@ $cover_image = get_field('artisan_cover', $postID);
<?php if ($cover_image): ?>
<img src="<?php echo $cover_image['url'] ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image">
<?php else: ?>
<img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image">
<img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image is-placeholder">
<?php endif; ?>

View File

@ -5,6 +5,13 @@
}
&__cover-image {
@apply w-full h-32 lg:h-48 object-cover rounded-t-xl;
&.is-placeholder {
@apply bg-purple-50 py-4;
@apply object-contain;
transform: scaleX(-1);
object-size: 120%;
}
}
&__inner {
@apply p-6;