From 646e96e2f3ea25d8dc49e7287146aa28418f1958 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B1=95=E6=9C=9B?= <zhanwang@inspur.com>
Date: Thu, 30 Apr 2020 15:14:39 +0800
Subject: [PATCH] update partners page in zh document

---
 content/zh/partners/_index.html | 83 ++++++++++++++-------------------
 1 file changed, 36 insertions(+), 47 deletions(-)

diff --git a/content/zh/partners/_index.html b/content/zh/partners/_index.html
index 8c418dd4ea..2dc39fee0e 100644
--- a/content/zh/partners/_index.html
+++ b/content/zh/partners/_index.html
@@ -17,14 +17,16 @@ cid: partners
 -->
 
 <section id="users">
-    <main>
+    <main class="main-section">
         <!-- <h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5> -->
         <h5>Kubernetes 与合作伙伴携手打造一个强大、活跃的代码库，支持一系列互补平台。</h5>
         <div class="col-container">
           <div class="col-nav">
             <center>
-              <!-- <h5><b>Kubernetes Certified Service Providers</b></h5> -->
-              <h5><b>Kubernetes 认证服务提供商</b></h5>
+              <h5>
+                <!-- <b>Kubernetes Certified Service Providers</b> -->
+                <b>Kubernetes 认证服务提供商</b>
+              </h5>
               <!-- <br>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes. -->
               <br>经过审核的服务提供商在帮助企业成功采用 Kubernetes 方面有深厚的经验。
               <br><br><br>
@@ -34,38 +36,40 @@ cid: partners
               <br><br>想要成为<a href="https://www.cncf.io/certification/kcsp/">KCSP</a>吗?
             </center>
           </div>
-          <div class="col-nav"><center>
-            <h5>
-              <!-- b>Certified Kubernetes Distributions, Hosted Platforms, and Installers</b -->
-              <b>Kubernetes 认证的发行版本、托管平台以及安装工具</b>
-            <!-- </h5>Software conformance ensures that every vendor’s version of Kubernetes supports the required APIs. -->
-            </h5>软件合规性确保各厂商的 Kubernetes 版本都支持必需的 API。
-            <br><br><br>
-            <!-- <button id="conformance" class="button" onClick="updateSrc(this.id)">See Conformance Partners</button> -->
-            <button id="conformance" class="button" onClick="updateSrc(this.id)">参见合规性合作伙伴</button>
-            <!-- <br><br>Interested in becoming<a href="https://www.cncf.io/certification/software-conformance/">Certified Kubernetes</a>? -->
+          <div class="col-nav">
+            <center>
+              <h5>
+                <!-- b>Certified Kubernetes Distributions, Hosted Platforms, and Installers</b -->
+                <b>Kubernetes 认证的发行版本、托管平台以及安装工具</b>
+              <!-- </h5>Software conformance ensures that every vendor’s version of Kubernetes supports the required APIs. -->
+              </h5>软件合规性确保各厂商的 Kubernetes 版本都支持必需的 API。
+              <br><br><br>
+              <!-- <button id="conformance" class="button" onClick="updateSrc(this.id)">See Conformance Partners</button> -->
+              <button id="conformance" class="button" onClick="updateSrc(this.id)">参见合规性合作伙伴</button>
+              <!-- <br><br>Interested in becoming<a href="https://www.cncf.io/certification/software-conformance/">Kubernetes Certified</a>? -->
             <br><br>想要成为<a href="https://www.cncf.io/certification/software-conformance/">Kubernetes 认证的厂商</a>吗?
-          </center></div>
-          <div class="col-nav"><center>
-            <h5>
-              <!-- <b>Kubernetes Training Partners</b> -->
-              <b>Kubernetes 培训合作伙伴</b>
-            </h5>
-            <!-- <br>Vetted training providers who have deep experience in cloud native technology training. -->
-            <br>经过审核的培训机构在云原生技术培训方面有深厚的经验。
-            <br><br><br><br>
-            <!-- <button id="ktp" class="button" onClick="updateSrc(this.id)">See KTP Partners</button> -->
-            <button id="ktp" class="button" onClick="updateSrc(this.id)">参见 KTP 合作伙伴</button>
-            <!-- <br><br>Interested in becoming a <a href="https://www.cncf.io/certification/training/">KTP</a>? -->
-            <br><br>想要成为<a href="https://www.cncf.io/certification/training/">KTP</a>吗?
-          </center></div>
+          </center>
+          </div>
+          <div class="col-nav">
+            <center>
+              <!-- <h5><b>Kubernetes Training Partners</b></h5> -->
+              <h5><b>Kubernetes 培训合作伙伴</b></h5>
+              <!-- <br>Vetted training providers who have deep experience in cloud native technology training. -->
+              <br>经过审核的培训机构在云原生技术培训方面有深厚的经验。
+              <br><br><br><br>
+              <!-- <button id="ktp" class="button" onClick="updateSrc(this.id)">See KTP Partners</button> -->
+              <button id="ktp" class="button" onClick="updateSrc(this.id)">参见 KTP 合作伙伴</button>
+              <!-- <br><br>Interested in becoming a <a href="https://www.cncf.io/certification/training/">KTP</a>? -->
+              <br><br>想要成为<a href="https://www.cncf.io/certification/training/">KTP</a>吗?
+            </center>
+          </div>
         </div>
 <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
 <script type="text/javascript">
 
-			var defaultLink = "https://landscape.cncf.io/grouping=landscape&landscape=kubernetes-certified-service-provider&embed=true";
-			var firstLink = "https://landscape.cncf.io/grouping=landscape&landscape=certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer&embed=true";
-      var secondLink = "https://landscape.cncf.io/grouping=landscape&landscape=kubernetes-training-partner&embed=true";
+			var defaultLink = "https://landscape.cncf.io/category=kubernetes-certified-service-provider&format=card-mode&grouping=category&embed=yes";
+			var firstLink = "https://landscape.cncf.io/category=certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer&format=card-mode&grouping=category&embed=yes";
+      var secondLink = "https://landscape.cncf.io/category=kubernetes-training-partner&format=card-mode&grouping=category&embed=yes";
 
       function updateSrc(buttonId) {
       	if (buttonId == "kcsp") {
@@ -94,23 +98,8 @@ cid: partners
 </script>
 <body>
     <div id="frameHolder">
-      <iframe id="landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.0/iframeResizer.js"></script>
-      <script>
-        document.addEventListener('DOMContentLoaded', function() {
-          iFrameResize({
-            log:true,
-            messageCallback         : function(messageData){ // Callback fn when message is received
-              if (messageData.message.type === 'showModal') {
-                document.querySelector('body').style.overflow = 'hidden';
-              }
-              if (messageData.message.type === 'hideModal') {
-                document.querySelector('body').style.overflow = 'auto';
-              }
-            },
-          }, '#landscape');
-        });
-      </script>
+      <iframe id="landscape" title="CNCF Landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
+      <script src="https://landscape.cncf.io/iframeResizer.js"></script>
     </div>
 </body>
     </main>