From 3304218228c23a67e2ba5a803d204f15d95fa149 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Fri, 12 Dec 2025 17:56:08 +0100
Subject: [PATCH] wip #7831 @3:00

---
 framework/application/views/helpers/Logos.php |  4 +--
 js/106-logos.js                               |  1 -
 less/106-logos.less                           | 25 ++++++++++++++-----
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/framework/application/views/helpers/Logos.php b/framework/application/views/helpers/Logos.php
index 5329d9e..dad74f7 100644
--- a/framework/application/views/helpers/Logos.php
+++ b/framework/application/views/helpers/Logos.php
@@ -5,8 +5,6 @@ class Fluidbook_View_Helper_Logos extends CubeIT_View_Helper_Abstract {
 	 * @return string
 	 */
 	public function logos($logos, $wrapper_element = 'section') {
-        $this->headScript()->addDynamicMarquee();
-
 		$images = CubeIT_Util_Cms::extractFiles($logos);
 		if (!count($images)) {
 			return;
@@ -24,7 +22,7 @@ class Fluidbook_View_Helper_Logos extends CubeIT_View_Helper_Abstract {
         // https://www.youtube.com/watch?v=uw5jVO1eNF8
         foreach ($images as $image) {
             $img = $this->imageCms($image, '', null, null, ['class' => 'logos-image']);
-            $res .= $this->htmlElement($img, 'div', ['class' => 'logos-item', 'aria-hidden' => 'true']);
+            $res .= $this->htmlElement($img, 'div', ['class' => 'logos-item logos-item-home', 'aria-hidden' => 'true']);
         }
 
 		$res = $this->htmlElement($res, 'div', ['class' => 'logos-grid', 'id' => 'marquee']);
diff --git a/js/106-logos.js b/js/106-logos.js
index d56bba0..8dd4a3a 100644
--- a/js/106-logos.js
+++ b/js/106-logos.js
@@ -1,5 +1,4 @@
 registerLoader(load_logo, true);
 
 function load_logo() {
-    //
 }
\ No newline at end of file
diff --git a/less/106-logos.less b/less/106-logos.less
index 50556e5..2600784 100644
--- a/less/106-logos.less
+++ b/less/106-logos.less
@@ -1,5 +1,19 @@
 @import "000-imports";
 
+[data-template="home"] .logos {
+	&-grid {
+		justify-content: left;
+		width: max-content;
+		animation: marquee 35s linear infinite forwards;
+	}
+}
+
+body:not([data-template="home"]) {
+	.logos-item-home {
+		display: none;
+	}
+}
+
 .logos {
 	&-wrapper {
 		background-color: #e8eefa;
@@ -11,10 +25,9 @@
 	&-grid {
 		display: flex !important;
 		align-items: center;
+		justify-content: center;
 		padding: 0 0 0 70px;
-		gap: 90px;
-		width: max-content;
-		animation: marquee 40s linear infinite forwards;
+		gap: 70px;
 
 		@media (max-width: 1299px) {
 			padding: 0;
@@ -28,10 +41,10 @@
 	}
 
 	&-image {
-		width: 100%;
-		height: 100%;
+		width: 120px;
+		height: 45px;
 		max-width: 120px;
-		max-height: 50px;
+		max-height: 45px;
 	}
 }
 
-- 
2.39.5