From e7191aa4f94b13bad8b160f56c1d9befe141eb3a Mon Sep 17 00:00:00 2001
From: Charlie Mathey <charlie.mathey@u-bourgogne.fr>
Date: Wed, 18 Dec 2024 12:11:19 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20du=20logo=20de=20l'asso=20en=20arri?=
 =?UTF-8?q?=C3=A8re=20plan=20des=20placeholders?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 modules/velos_a_vendre/index.html |  4 +++-
 modules/velos_a_vendre/style.css  | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/modules/velos_a_vendre/index.html b/modules/velos_a_vendre/index.html
index d62cb81..a71b36d 100644
--- a/modules/velos_a_vendre/index.html
+++ b/modules/velos_a_vendre/index.html
@@ -47,7 +47,9 @@
             			<img src="{{$root_url}}{{$path}}?150px" class="image">
 					</a>
 				{{else}}
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 0 740 512" class="image"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24l25.7 0 34.6 64-149.4 0-27.4-38C191 99.7 183.7 96 176 96l-56 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l43.7 0 22.1 30.7-26.6 53.1c-10-2.5-20.5-3.8-31.2-3.8C57.3 224 0 281.3 0 352s57.3 128 128 128c65.3 0 119.1-48.9 127-112l49 0c8.5 0 16.3-4.5 20.7-11.8l84.8-143.5 21.7 40.1C402.4 276.3 384 312 384 352c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-13.5 0-26.5 2.1-38.7 6L375.4 48.8C369.8 38.4 359 32 347.2 32L312 32zM458.6 303.7l32.3 59.7c6.3 11.7 20.9 16 32.5 9.7s16-20.9 9.7-32.5l-32.3-59.7c3.6-.6 7.4-.9 11.2-.9c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-18.6 7-35.5 18.6-48.3zM133.2 368l65 0c-7.3 32.1-36 56-70.2 56c-39.8 0-72-32.2-72-72s32.2-72 72-72c1.7 0 3.4 .1 5.1 .2l-24.2 48.5c-9 18.1 4.1 39.4 24.3 39.4zm33.7-48l50.7-101.3 72.9 101.2-.1 .1-123.5 0zm90.6-128l108.5 0L317 274.8 257.4 192z"/></svg>
+					<div class="placeholder" style="background-image: url({{$config.files.logo}});">
+						<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 0 740 512" class="image"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24l25.7 0 34.6 64-149.4 0-27.4-38C191 99.7 183.7 96 176 96l-56 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l43.7 0 22.1 30.7-26.6 53.1c-10-2.5-20.5-3.8-31.2-3.8C57.3 224 0 281.3 0 352s57.3 128 128 128c65.3 0 119.1-48.9 127-112l49 0c8.5 0 16.3-4.5 20.7-11.8l84.8-143.5 21.7 40.1C402.4 276.3 384 312 384 352c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-13.5 0-26.5 2.1-38.7 6L375.4 48.8C369.8 38.4 359 32 347.2 32L312 32zM458.6 303.7l32.3 59.7c6.3 11.7 20.9 16 32.5 9.7s16-20.9 9.7-32.5l-32.3-59.7c3.6-.6 7.4-.9 11.2-.9c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-18.6 7-35.5 18.6-48.3zM133.2 368l65 0c-7.3 32.1-36 56-70.2 56c-39.8 0-72-32.2-72-72s32.2-72 72-72c1.7 0 3.4 .1 5.1 .2l-24.2 48.5c-9 18.1 4.1 39.4 24.3 39.4zm33.7-48l50.7-101.3 72.9 101.2-.1 .1-123.5 0zm90.6-128l108.5 0L317 274.8 257.4 192z"/></svg>
+            		</div>
             	{{/select}}                
             </div>
 	    	<span class="label">{{$etiquette}}</span>
diff --git a/modules/velos_a_vendre/style.css b/modules/velos_a_vendre/style.css
index de24159..61e4d1c 100644
--- a/modules/velos_a_vendre/style.css
+++ b/modules/velos_a_vendre/style.css
@@ -52,6 +52,18 @@
   height: 100px;
 }
 
+.placeholder{
+    /* background-image: url({{$config.files.logo}});  */
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-color: rgba(var(--gBgColor),0.5);
+    background-blend-mode: soft-light;
+    svg {
+        fill: rgb(var(--gTextColor));
+    }
+}
+
 .label {
 	margin-left: auto;
 	margin-right: auto;
@@ -79,4 +91,4 @@ li.date-entree {
     right: 10px;
     font-size: x-small;
     color: gray;
-}
\ No newline at end of file
+}