From 65027b1dccabf52d2408ad3251e23a2d5d893fba Mon Sep 17 00:00:00 2001
From: David Edler <david.edler@canonical.com>
Date: Mon, 28 Aug 2023 13:04:18 +0200
Subject: [PATCH] update logos to be properly cropped

---
 package.json         |  2 +-
 templates/index.html | 41 +++++++++++++++++++++--------------------
 yarn.lock            |  8 ++++----
 3 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index 4047693..43141cc 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "postcss": "8.4.20",
     "postcss-cli": "10.1.0",
     "sass": "1.57.1",
-    "vanilla-framework": "4.1.0"
+    "vanilla-framework": "4.3.0"
   },
   "devDependencies": {
     "concurrently": "7.6.0",
diff --git a/templates/index.html b/templates/index.html
index 98e5c5d..a2676dc 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -408,16 +408,16 @@ <h2>Leaning on a strong cloud ecosystem</h2>
 </section>
 
 <section class="p-strip--light">
-  <div class="u-fixed-width">
+  <div class="u-fixed-width u-align--center">
     <div class="p-logo-section">
       <h2 class="u-align--center u-sv3">Cloud Service Providers</h2>
       <div class="p-logo-section__items">
         <div class="p-logo-section__item">
           {{ image (
-            url="https://assets.ubuntu.com/v1/1ccd490e-equinix-white-space.svg",
+            url="https://assets.ubuntu.com/v1/8ba3ac4b-equinix-logo%20@372px.png",
             alt="Equinix",
-            width="144",
-            height="144",
+            width="372",
+            height="372",
             hi_def=True,
             attrs={"class":"p-logo-section__logo"},
             loading="lazy"
@@ -426,21 +426,22 @@ <h2 class="u-align--center u-sv3">Cloud Service Providers</h2>
         </div>
         <div class="p-logo-section__item">
           {{ image (
-            url="https://assets.ubuntu.com/v1/57e46e3b-google-logo.svg",
+            url="https://assets.ubuntu.com/v1/a1614c94-google-cloud-logo%20@372px.png",
             alt="Google cloud platform",
-            width="146",
-            height="144",
+            width="372",
+            height="372",
             hi_def=True,
+            attrs={"class":"p-logo-section__logo"},
             loading="lazy"
             ) | safe
           }}
         </div>
         <div class="p-logo-section__item">
           {{ image (
-            url="https://assets.ubuntu.com/v1/538fe31a-MS+Azure-white-space.svg",
-            alt="Microsoft azure logo",
-            width="146",
-            height="144",
+            url="https://assets.ubuntu.com/v1/10568918-microsoft-azure-new-logo%20@372px.png",
+            alt="Microsoft Azure",
+            width="372",
+            height="372",
             hi_def=True,
             attrs={"class":"p-logo-section__logo"},
             loading="lazy"
@@ -449,10 +450,10 @@ <h2 class="u-align--center u-sv3">Cloud Service Providers</h2>
         </div>
         <div class="p-logo-section__item">
           {{ image (
-            url="https://assets.ubuntu.com/v1/093f3200-aws-logo-white-spae.svg",
-            alt="AWS logo",
-            width="145",
-            height="145",
+            url="https://assets.ubuntu.com/v1/4da8004d-amazon-web-services-logo%20@372px.png",
+            alt="Amazon Web Services",
+            width="372",
+            height="372",
             hi_def=True,
             attrs={"class":"p-logo-section__logo"},
             loading="lazy"
@@ -461,10 +462,10 @@ <h2 class="u-align--center u-sv3">Cloud Service Providers</h2>
         </div>
         <div class="p-logo-section__item">
           {{ image (
-            url="https://assets.ubuntu.com/v1/debf01e1-Oracle-Cloud-Logo-350.png",
+            url="https://assets.ubuntu.com/v1/535d96fc-oracle-new-logo%20@372px.png",
             alt="Oracle cloud",
-            width="350",
-            height="165",
+            width="372",
+            height="372",
             hi_def=True,
             attrs={"class":"p-logo-section__logo"},
             loading="lazy"
@@ -474,9 +475,9 @@ <h2 class="u-align--center u-sv3">Cloud Service Providers</h2>
       </div>
     </div>
 
-    <div class="p-logo-section">
+    <div class="p-logo-section has-misaligned-images">
       <h2 class="u-align--center u-sv3">A selection of customers</h2>
-      <div class="p-logo-section__items">
+      <div class="p-logo-section__items u-align--center">
         <div class="p-logo-section__item">
           {{ image (
             url="https://assets.ubuntu.com/v1/be72de6b-Vodafone-Logo.png",
diff --git a/yarn.lock b/yarn.lock
index d60e7ff..31660c6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1871,10 +1871,10 @@ vanilla-framework@4.0.0:
   resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.0.0.tgz#a2fee9bd9763ebd6932b764f9d66484dc177d4cc"
   integrity sha512-fiPnmaTUe15l5MRNJ6IsiJ8qiunfmgtLETOFltaYiE/bQKL7xTI+riBak2iygBKeF1y0Gi/GxUNt4hyb6xDPKA==
 
-vanilla-framework@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.1.0.tgz#093b96d5f54f9856817977ec4d90e008aab605ad"
-  integrity sha512-2KF9eGOibzaAN2k5+MAyPREGU/BeKlu7vVoqTyrH0K4prlM520oi3dRsQDKMYvq882AQwUxKgsKsN+od+vJt4w==
+vanilla-framework@4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.3.0.tgz#44850ba1e568646bd1144de25628f63758d749ce"
+  integrity sha512-CDFgUX7MMp3ZJoiE8nif/uSPD3YPaK0lWm8iru9tgIO/SloWzkGvG2G5NPllDnwF4cMMi7YxsK/ylz7mH7OgZA==
 
 verbalize@^0.1.2:
   version "0.1.2"