wip #7831 @3:00

diff --git a/framework/application/views/helpers/Logos.php b/framework/application/views/helpers/Logos.php
index 5329d9e8234adbf5ec26526cf0cc06b133c480e1..dad74f7e9e33be91f7cf852ac943cf68d55ef71e 100644 (file)
--- 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\r
         */\r
        public function logos($logos, $wrapper_element = 'section') {\r
-        $this->headScript()->addDynamicMarquee();\r
-\r
                $images = CubeIT_Util_Cms::extractFiles($logos);\r
                if (!count($images)) {\r
                        return;\r
@@ -24,7 +22,7 @@ class Fluidbook_View_Helper_Logos extends CubeIT_View_Helper_Abstract {
         // https://www.youtube.com/watch?v=uw5jVO1eNF8\r
         foreach ($images as $image) {\r
             $img = $this->imageCms($image, '', null, null, ['class' => 'logos-image']);\r
-            $res .= $this->htmlElement($img, 'div', ['class' => 'logos-item', 'aria-hidden' => 'true']);\r
+            $res .= $this->htmlElement($img, 'div', ['class' => 'logos-item logos-item-home', 'aria-hidden' => 'true']);\r
         }\r
 \r
                $res = $this->htmlElement($res, 'div', ['class' => 'logos-grid', 'id' => 'marquee']);\r

diff --git a/js/106-logos.js b/js/106-logos.js
index d56bba0ed1002fca8258b4f91595189c2ce84da6..8dd4a3ae3bbdb368b1ee5edb83c9ebef28408c28 100644 (file)
--- 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 50556e52d0c6a7dbcbecf66992d516d5c31a3eef..26007840ff1a4c4a018384de5405d38f00022ec5 100644 (file)
--- a/less/106-logos.less
+++ b/less/106-logos.less
@@ -1,5 +1,19 @@
 @import "000-imports";\r
 \r
+[data-template="home"] .logos {\r
+       &-grid {\r
+               justify-content: left;\r
+               width: max-content;\r
+               animation: marquee 35s linear infinite forwards;\r
+       }\r
+}\r
+\r
+body:not([data-template="home"]) {\r
+       .logos-item-home {\r
+               display: none;\r
+       }\r
+}\r
+\r
 .logos {\r
        &-wrapper {\r
                background-color: #e8eefa;\r
@@ -11,10 +25,9 @@
        &-grid {\r
                display: flex !important;\r
                align-items: center;\r
+               justify-content: center;\r
                padding: 0 0 0 70px;\r
-               gap: 90px;\r
-               width: max-content;\r
-               animation: marquee 40s linear infinite forwards;\r
+               gap: 70px;\r
 \r
                @media (max-width: 1299px) {\r
                        padding: 0;\r
@@ -28,10 +41,10 @@
        }\r
 \r
        &-image {\r
-               width: 100%;\r
-               height: 100%;\r
+               width: 120px;\r
+               height: 45px;\r
                max-width: 120px;\r
-               max-height: 50px;\r
+               max-height: 45px;\r
        }\r
 }\r
 \r