New Partners Section for Conformance (#6182)

* New partners section for conformance * Updates to conformance section * Removing version numbers and swapping in company logos * Updating logos
kubernetes · Nov 13, 2017 · 99e14f1 · 99e14f1
1 parent f7ca5c7
commit 99e14f1
Show file tree

Hide file tree

Showing 48 changed files with 379 additions and 149 deletions.
diff --git a/_includes/partner-script.js b/_includes/partner-script.js
diff --git a/_includes/partner-style.css b/_includes/partner-style.css
@@ -5,6 +5,12 @@
 	margin-bottom: 2em;
 }
 
+.kcsp_section {
+	clear: both;
+	padding: 0px;
+	margin-bottom: 2em;
+}
+
 /*  COLUMN SETUP  */
 .col {
 	display: block;
@@ -28,28 +34,54 @@
     zoom:1; /* For IE 6/7 */
 }
 
-/*  GRID OF THREE  */
-.span_3_of_3 {
-	width: 32.2%;
+/*  GRID OF FOUR  */
+.span_4_of_4 {
+	width: 23%;
 	background-color: #f9f9f9;
 	padding: 20px;
 }
-.span_2_of_3 {
-	width: 32.2%;
+.span_3_of_4 {
+	width: 23%;
 	background-color: #f9f9f9;
 	padding: 20px;
 }
-.span_1_of_3 {
-	width: 32.2%;
+.span_2_of_4 {
+	width: 23%;
 	background-color: #f9f9f9;
 	padding: 20px;
 }
+.span_1_of_4 {
+	width: 23%;
+	background-color: #f9f9f9;
+	padding: 20px;
+}
+
+.col-container {
+    display: table; /* Make the container element behave like a table */
+    width: 100%; /* Set full-width to expand the whole page */
+		padding-bottom: 80px;
+}
+
+.col-nav {
+    display: table-cell; /* Make elements inside the container behave like table cells */
+		width: 25%;
+		background-color: #f9f9f9;
+		padding: 20px;
+		border: 5px solid white;
+}
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 
 @media only screen and (max-width: 480px) {
 	.col { margin: 1% 0 1% 0%;}
-	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
+	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; }
+}
+
+@media only screen and (max-width: 650px) {
+    .col-nav {
+        display: block;
+        width: 100%;
+    }
 }
 
 .button{
@@ -69,7 +101,7 @@ h5 {
 	background-color: #f9f9f9;
 }
 
-#kcspContainer, #isvContainer, #servContainer {
+#distContainer, #kcspContainer, #isvContainer, #servContainer {
 	position: relative;
 	width: 100%;
 	display: flex;
@@ -85,6 +117,10 @@ h5 {
 	margin-bottom: 80px;
 }
 
+#distContainer {
+	margin-bottom: 80px;
+}
+
 .partner-box {
 	position: relative;
 	width: 47%;
@@ -94,7 +130,7 @@ h5 {
 	padding: 20px;
 	flex: 1;
 	display: flex;
-	justify-content: space-between;
+	justify-content: left;
 	align-items: flex-start;
 }
 
@@ -122,7 +158,7 @@ h5 {
 }
 
 @media screen and (max-width: 568px) {
-	#kcspContainer, #isvContainer, #servContainer {
+	#distContainter, #kcspContainer, #isvContainer, #servContainer {
 		justify-content: center;
 	}
 
@@ -140,7 +176,7 @@ h5 {
 }
 
 @media screen and (max-width: 568px) {
-	#kcspContainer, #isvContainer, #servContainer {
+	#distContainer, #kcspContainer, #isvContainer, #servContainer {
 		justify-content: center;
 	}
 

diff --git a/images/square-logos/alibaba.png b/images/square-logos/alibaba.png
diff --git a/images/square-logos/apprenda.png b/images/square-logos/apprenda.png
diff --git a/images/square-logos/appscode.png b/images/square-logos/appscode.png
diff --git a/images/square-logos/azure.png b/images/square-logos/azure.png
diff --git a/images/square-logos/bootkube.png b/images/square-logos/bootkube.png
diff --git a/images/square-logos/cff.png b/images/square-logos/cff.png
diff --git a/images/square-logos/cisco.png b/images/square-logos/cisco.png
diff --git a/images/square-logos/containership.png b/images/square-logos/containership.png
diff --git a/images/square-logos/coreos.png b/images/square-logos/coreos.png
diff --git a/images/square-logos/datera.png b/images/square-logos/datera.png
diff --git a/images/square-logos/docker.png b/images/square-logos/docker.png
diff --git a/images/square-logos/elastisys.png b/images/square-logos/elastisys.png
diff --git a/images/square-logos/endocode.png b/images/square-logos/endocode.png
diff --git a/images/square-logos/gce.png b/images/square-logos/gce.png
diff --git a/images/square-logos/gcp.png b/images/square-logos/gcp.png
diff --git a/images/square-logos/giant_swarm.png b/images/square-logos/giant_swarm.png
diff --git a/images/square-logos/gopaddle.png b/images/square-logos/gopaddle.png
diff --git a/images/square-logos/heptio.png b/images/square-logos/heptio.png
diff --git a/images/square-logos/ibmcloud.png b/images/square-logos/ibmcloud.png
diff --git a/images/square-logos/ibmprivate.png b/images/square-logos/ibmprivate.png
diff --git a/images/square-logos/kismatic.png b/images/square-logos/kismatic.png
diff --git a/images/square-logos/kraken.png b/images/square-logos/kraken.png
diff --git a/images/square-logos/kubeadm.png b/images/square-logos/kubeadm.png
diff --git a/images/square-logos/kubermatic.png b/images/square-logos/kubermatic.png
diff --git a/images/square-logos/kublr.png b/images/square-logos/kublr.png
diff --git a/images/square-logos/logdna.png b/images/square-logos/logdna.png
diff --git a/images/square-logos/mesosphere.png b/images/square-logos/mesosphere.png
diff --git a/images/square-logos/microsoft.png b/images/square-logos/microsoft.png
diff --git a/images/square-logos/mirantis.png b/images/square-logos/mirantis.png
diff --git a/images/square-logos/netease.png b/images/square-logos/netease.png
diff --git a/images/square-logos/openshift.png b/images/square-logos/openshift.png
diff --git a/images/square-logos/oracle.png b/images/square-logos/oracle.png
diff --git a/images/square-logos/oraclelinux.png b/images/square-logos/oraclelinux.png
diff --git a/images/square-logos/pivotal.png b/images/square-logos/pivotal.png
diff --git a/images/square-logos/portworx.png b/images/square-logos/portworx.png
diff --git a/images/square-logos/poseidon.png b/images/square-logos/poseidon.png
diff --git a/images/square-logos/pure_storage.png b/images/square-logos/pure_storage.png
diff --git a/images/square-logos/sap.png b/images/square-logos/sap.png
diff --git a/images/square-logos/suse.png b/images/square-logos/suse.png
diff --git a/images/square-logos/tectonic.png b/images/square-logos/tectonic.png
diff --git a/images/square-logos/tencent.png b/images/square-logos/tencent.png
diff --git a/images/square-logos/vmware.png b/images/square-logos/vmware.png
diff --git a/images/square-logos/weave_works.png b/images/square-logos/weave_works.png
diff --git a/images/square-logos/wise2c.png b/images/square-logos/wise2c.png
diff --git a/images/square-logos/wisecloud.png b/images/square-logos/wisecloud.png
diff --git a/partners/index.html b/partners/index.html
@@ -14,32 +14,34 @@ <h5>Growing the Kubernetes ecosystem.</h5>
 <section id="users">
     <main>
         <h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5>
-        <div class="section group">
-          <div class="col span_1_of_3"><center><h5><b>Kubernetes Certified Service Providers</b></h5>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes.<br><br><div><a href="#kcsp" class="button">See KCSP Partners</a></div></center></div>
-          <div class="col span_2_of_3"><center><h5><b>Technology Partners</b></h5>Integrations and plugins that add features to Kubernetes applications.<br><br><br><div><a href="#technology" class="button">See Technology Partners</a></div></center></div>
-          <div class="col span_3_of_3"><center><h5><b>Service Partners</b></h5>Consulting or management services to help companies implement Kubernetes in commercial applications.<br><br><div><a href="#service" class="button">See Service Partners</a></div></center></div>
+        <div class="col-container">
+          <div class="col-nav"><center><h5><b>Kubernetes Certified Service Providers</b></h5>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes.<br><br><a href="#kcsp" class="button">See KCSP Partners</a></center></div>
+          <div class="col-nav"><center><h5><b>Certified Platforms & Distributions</b></h5>Software conformance ensures that every vendor’s version of Kubernetes supports the required APIs.<br><br><a href="#dist" class="button">See Conformance Partners</a></center></div>
+          <div class="col-nav"><center><h5><b>Technology Partners</b></h5><br>Integrations and plugins that add features to Kubernetes applications.<br><br><br><a href="#technology" class="button">See Technology Partners</a></center></div>
+          <div class="col-nav"><center><h5><b>Service Partners</b></h5><br>Consulting or management services to help companies implement Kubernetes in commercial applications.<br><br><a href="#service" class="button">See Service Partners</a></center></div>
         </div>
-        <div  class="kscp_section">
+        <div class="kscp_section">
         <h3><a id="kcsp"></a>Kubernetes Certified Service Providers (KCSP)</h3>
         <p>The KCSP program is a vetted tier of service providers who have deep experience helping enterprises successfully adopt Kubernetes. KCSP partners offer Kubernetes support, consulting, professional services and training for organizations embarking on their Kubernetes journey.</p>
-        <p>Interested in becoming a KCSP? <a href="https://www.cncf.io/certification/kcsp/">Learn more.</a></p>
-
-
-
+        <p>Interested in becoming a KCSP? <b><a href="https://www.cncf.io/certification/kcsp/">Learn more.</a></b></p>
         <div id="kcspContainer"></div>
         </div>
-
-        <div  class="tech_section">
+        <div class="dist_section">
+        <h3><a id="dist"></a>Certified Platforms & Distributions</h3>
+        <p>This program gives end users the confidence that when they use a Certified Kubernetes product they can rely on a high level of common functionality. It gives Independent Software Vendors (ISVs) confidence that if their customer is using a Certified Kubernetes platform that their software will behave as expected.</p>
+        <p>Interested in becoming a Certified Certified Platform or Distribution? <b><a href="https://www.cncf.io/certification/software-conformance/">Learn more.</b></a></p>
+        <div id="distContainer"></div>
+        </div>
+          <div  class="tech_section">
         <h3><a id="technology"></a>Technology Partners</h3>
         <p>Technology partners offer integrations and plugins that add features to Kubernetes applications.</p>
-        <p>Interested in becoming a Technology Partner? Please <a href="https://docs.google.com/forms/d/e/1FAIpQLSdN1KtSKX2VAOPGABFlShkSd6CajQynoL4QCVtY0dj76MNDKg/viewform">fill out this form.</a></p>
-
-              <div id="isvContainer"></div>
-              </div>
-             <div class="service_Section">
+        <p>Interested in becoming a Technology Partner? Please <b><a href="https://docs.google.com/forms/d/e/1FAIpQLSdN1KtSKX2VAOPGABFlShkSd6CajQynoL4QCVtY0dj76MNDKg/viewform">fill out this form.</a></b></p>
+        <div id="isvContainer"></div>
+        </div>
+       <div class="service_Section">
         <h3><a id="service"></a>Service Partners</h3>
         <p>Service Partners offer consulting or management services to help companies implement and use Kubernetes in commercial applications.</p>
-        <p>Interested in becoming a Service Provider? Please <a href="https://docs.google.com/forms/d/e/1FAIpQLSdN1KtSKX2VAOPGABFlShkSd6CajQynoL4QCVtY0dj76MNDKg/viewform">fill out this form</a></p>
+        <p>Interested in becoming a Service Provider? Please <b><a href="https://docs.google.com/forms/d/e/1FAIpQLSdN1KtSKX2VAOPGABFlShkSd6CajQynoL4QCVtY0dj76MNDKg/viewform">fill out this form</a></b></p>
         <div id="servContainer"></div>
         </div>
     </main>
@@ -51,4 +53,4 @@ <h3><a id="service"></a>Service Partners</h3>
 
 <script>
     {% include partner-script.js %}
-</script>
+</script>