refactor: use Nvidia logo instead of ByteDance; created adopters class

Signed-off-by: Dylan Lin <[email protected]>

Author: Dylannni

assets/scss/_styles_project.scss

@@ -547,8 +547,7 @@ nav.foldable-nav {
     pointer-events: none;
     user-select: none; 
     max-height: 3rem; 
-    width: auto;
-    margin: 0 1.25rem; 
+    max-width: 12.5rem;
     object-fit: contain; 
   }
 
@@ -557,7 +556,7 @@ nav.foldable-nav {
     justify-content: center;
     align-items: center;
     flex-wrap: wrap; 
-    gap: 1.25rem;
+    gap: 3rem;
   }
 
   .section-head {
@@ -600,7 +599,7 @@ nav.foldable-nav {
     margin: 0 0 1.5em 1.5em;
   }
 
-  #overview, #pageContent, #cncf, #community {
+  #overview, #pageContent, #cncf, #community, #adopters {
     padding: 4rem 0 4rem 0 !important;
   }
 
@@ -612,6 +611,10 @@ nav.foldable-nav {
     border-bottom: 0.1rem solid $home-section-border-color;
   }
 
+  #adopters {
+    border-bottom: 0.1rem solid $home-section-border-color;
+  }
+
   #pageContent .container {
     max-width: 70rem;
   }

content/en/_index.html

@@ -40,22 +40,25 @@ <h3 class="section-head">
   </div>
 </div>
 
-<div id="overview" class="text-center">
+<div id="adopters" class="text-center">
   <div class="container">
     <h3 class="section-head">
       <span class="border-bottom pb-2">Trusted by</span>
     </h3>
-  <div class="container trusted-logo-container">
-    <img src="/docs/images/logos/Amazon_2024.svg" alt="Amazon" class="trusted-logo">
-    <img src="/docs/images/logos/ByteDance.svg" alt="ByteDance" class="trusted-logo">
-    <img src="/docs/images/logos/Microsoft_logo.svg" alt="Microsoft" class="trusted-logo">
-    <img src="/docs/images/logos/Red_Hat.svg" alt="RedHat" class="trusted-logo">
-    <img src="/docs/images/logos/Google_2015_logo.svg" alt="Google" class="trusted-logo">
-  </div>
-  <div class="mx-auto mt-4">
-    <a class="btn btn-lg btn-outline-primary mr-1 mb-4" href="https://github.com/kubeflow/community/blob/master/ADOPTERS.md" target="_blank" rel="noopener">
-      View our adopters on GitHub <i class="fas fa-book-open ml-2"></i>
-    </a>
+    <div class="trusted-logo-container">
+      <!-- WARNING: only include logos from organizations which have been approved by the KSC -->
+      <!-- WARNING: only include logos from CNCF Members https://landscape.cncf.io/?group=members -->
+      <img src="/docs/images/logos/Amazon_2024.svg" alt="Amazon" class="trusted-logo">
+      <img src="/docs/images/logos/Nvidia_logo.svg" alt="Nvidia" class="trusted-logo">
+      <img src="/docs/images/logos/Microsoft_logo.svg" alt="Microsoft" class="trusted-logo">
+      <img src="/docs/images/logos/Red_Hat.svg" alt="RedHat" class="trusted-logo">
+      <img src="/docs/images/logos/Google_2015_logo.svg" alt="Google" class="trusted-logo">
+    </div>
+    <div class="mx-auto mt-4">
+      <a class="btn btn-lg btn-outline-primary mr-1 mb-4" href="https://github.com/kubeflow/community/blob/master/ADOPTERS.md" target="_blank" rel="noopener">
+        See Our Adopters <i class="fas fa-book-open ml-2"></i>
+      </a>
+    </div>
   </div>
 </div>