fix logos

Signed-off-by: Arnaud Guéras <arnaudgs@gmail.com>

diff --git a/themes/xen-project/assets/css/components/images-in-circle.scss b/themes/xen-project/assets/css/components/images-in-circle.scss
index 4c2a73caf7b27eb015dec065b2ad0bb066836ddf..4006b304f67b9868a38815cddaffec88a88f04b5 100644 (file)
--- a/themes/xen-project/assets/css/components/images-in-circle.scss
+++ b/themes/xen-project/assets/css/components/images-in-circle.scss
@@ -8,17 +8,8 @@
   }
 }
 
-@property --start-angle {
-  syntax: "<number>";
-  initial-value: -360;
-  inherits: false;
-}
-@keyframes rotate-images {
-  to {
-    --start-angle: 0;
-  }
-}
 .images-in-circle {
+  --start-angle: 0;
   --padding: 30px;
   --circle-dimensions: 80%;
   --img-width: 30%;
@@ -52,7 +43,7 @@
   }
 
   li {
-    --angle: calc((var(--start-angle) * 1deg) + (360deg / var(--total)) * var(--index));
+    --angle: calc((var(--start-angle) * 1deg) + (360deg / var(--total)) * var(--index) + var(--angle-fix));
     --scale: 1;
     position: absolute;
     top: 50%;

diff --git a/themes/xen-project/layouts/partials/blocks/logos-circle.html b/themes/xen-project/layouts/partials/blocks/logos-circle.html
index 8a7b33f5a5719a42264d012e7d100e6da29b6d90..f6403e78f686479c299b03fec64b398682f46665 100644 (file)
--- a/themes/xen-project/layouts/partials/blocks/logos-circle.html
+++ b/themes/xen-project/layouts/partials/blocks/logos-circle.html
@@ -1,10 +1,10 @@
 {{ $images := slice
-  (dict "name" "AMD" "src" "/img/logos/amd-logo.svg" "alt" "AMD")
-  (dict "name" "AWS" "src" "/img/logos/aws-logo.svg" "alt" "AWS")
-  (dict "name" "ARM" "src" "/img/logos/arm-logo.svg" "alt" "ARM")
-  (dict "name" "EPAM" "src" "/img/logos/epam-logo.svg" "alt" "EPAM")
-  (dict "name" "XenServer" "src" "/img/logos/xenserver-logo.svg" "alt" "XenServer" "scale" "1.1")
-  (dict "name" "VATES" "src" "/img/logos/vates-logo.svg" "alt" "VATES")
-  (dict "name" "HONDA" "src" "/img/logos/honda-logo.svg" "alt" "HONDA" "scale" "1.2")
+  (dict "name" "AMD" "src" "/img/logos/amd-logo.svg" "alt" "AMD" "angle" "-10")
+  (dict "name" "AWS" "src" "/img/logos/aws-logo.svg" "alt" "AWS" "angle" "0")
+  (dict "name" "XenServer" "src" "/img/logos/xenserver-logo.svg" "alt" "XenServer" "scale" "1.1" "angle" "10")
+  (dict "name" "EPAM" "src" "/img/logos/epam-logo.svg" "alt" "EPAM" "angle" "-5")
+  (dict "name" "ARM" "src" "/img/logos/arm-logo.svg" "alt" "ARM" "angle" "-10")
+  (dict "name" "VATES" "src" "/img/logos/vates-logo.svg" "alt" "VATES" "angle" "5")
+  (dict "name" "HONDA" "src" "/img/logos/honda-logo.svg" "alt" "HONDA" "scale" "1.2" "angle" "0")
 }}
 {{ partial "images-in-circle.html" (dict "class" "mg-t-lg" "images" $images) }}

diff --git a/themes/xen-project/layouts/partials/images-in-circle.html b/themes/xen-project/layouts/partials/images-in-circle.html
index 6853a4127a75ae2fb1a3fddaf380da8b867ca9ae..e1911f6fd30dd0759f0819bb55dbd5e06f4fec39 100644 (file)
--- a/themes/xen-project/layouts/partials/images-in-circle.html
+++ b/themes/xen-project/layouts/partials/images-in-circle.html
@@ -1,11 +1,7 @@
 <ul class="images-in-circle {{ .class }}">
   {{ range .images }}
-    <li>
-      <img
-        src="{{ .src }}"
-        alt="{{ .name }}"
-        style="transform: scale({{ .scale }});"
-      />
+    <li style="--angle-fix:({{ .angle }}deg)">
+      <img src="{{ .src }}" alt="{{ .name }}" style="transform: scale({{ .scale }}); " />
     </li>
   {{ end }}
 </ul>