From: Arnaud Guéras <arnaudgs@gmail.com>
Date: Mon, 2 Dec 2024 15:30:09 +0000 (+0100)
Subject: fix logos
X-Git-Url: http://xenbits.xensource.com/gitweb?a=commitdiff_plain;h=10e4fa8a8f20a3d965c9f570e0ca743fc975284f;p=www-xenproject-org.git

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 4c2a73c..4006b30 100644
--- 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 8a7b33f..f6403e7 100644
--- 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 6853a41..e1911f6 100644
--- 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>