From 3edf976c928cc29ce2e77d077c15e8670712439b Mon Sep 17 00:00:00 2001
From: chenrui <rui@meetup.com>
Date: Fri, 30 Nov 2018 20:52:03 +0800
Subject: [PATCH] zh-trans: add partners/_index.html (#11387)

* zh-trans: add partners/_index.html

* add includes/partner-script.js

* add includes/partner-style.css

* Update _index.html
---
 content/zh/partners/_index.html | 125 ++++++++++++++++++++++++++++++++
 1 file changed, 125 insertions(+)
 create mode 100644 content/zh/partners/_index.html

diff --git a/content/zh/partners/_index.html b/content/zh/partners/_index.html
new file mode 100644
index 0000000000..8c418dd4ea
--- /dev/null
+++ b/content/zh/partners/_index.html
@@ -0,0 +1,125 @@
+---
+title: 合作伙伴
+bigheader: Kubernetes 合作伙伴
+abstract: 发展 Kubernetes 生态圈
+class: gridPage
+cid: partners
+---
+
+<!--
+---
+title: Partners
+bigheader: Kubernetes Partners
+abstract: Growing the Kubernetes ecosystem.
+class: gridPage
+cid: partners
+---
+-->
+
+<section id="users">
+    <main>
+        <!-- <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>
+              <!-- <br>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes. -->
+              <br>经过审核的服务提供商在帮助企业成功采用 Kubernetes 方面有深厚的经验。
+              <br><br><br>
+              <!-- <button id="kcsp" class="button" onClick="updateSrc(this.id)">See KCSP Partners</button> -->
+              <button id="kcsp" class="button" onClick="updateSrc(this.id)">参见 KCSP 合作伙伴</button>
+              <!-- <br><br>Interested in becoming a <a href="https://www.cncf.io/certification/kcsp/">KCSP</a>? -->
+              <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>? -->
+            <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>
+        </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";
+
+      function updateSrc(buttonId) {
+      	if (buttonId == "kcsp") {
+        		$("#landscape").attr("src",defaultLink);
+            window.location.hash = "#kcsp";
+        }
+        if (buttonId == "conformance") {
+         		$("#landscape").attr("src",firstLink);
+            window.location.hash = "#conformance";
+        }
+        if (buttonId == "ktp") {
+        		$("#landscape").attr("src",secondLink);
+            window.location.hash = "#ktp";
+        }
+      }
+
+      // Automatically load the correct iframe based on the URL fragment
+      document.addEventListener('DOMContentLoaded', function() {
+        var showContent = "kcsp";
+        if (window.location.hash) {
+          console.log('hash is:', window.location.hash.substring(1));
+          showContent = window.location.hash.substring(1);
+        }
+        updateSrc(showContent);
+      });
+</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>
+    </div>
+</body>
+    </main>
+</section>
+
+<style>
+    {{< include "partner-style.css" >}}
+</style>
+
+<script>
+    {{< include "partner-script.js" >}}
+</script>