From 7c9a1987a5607108ca747d93c0789be8445f7b38 Mon Sep 17 00:00:00 2001
From: Kaitlyn Barnard <kbarnard@linuxfoundation.org>
Date: Wed, 18 Jul 2018 16:36:43 -0700
Subject: [PATCH] Add CNCF logo to homepage  (#9375)

* add CNCF logo on homepage

* edits
---
 content/en/_index.html | 12 ++++++++++--
 static/css/styles.css  | 10 ++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/content/en/_index.html b/content/en/_index.html
index e87920524c..df26a3e012 100644
--- a/content/en/_index.html
+++ b/content/en/_index.html
@@ -163,8 +163,16 @@ cid: home
             <!--</div>-->
         <!--</div>-->
         <h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">View all case studies</a></h5>
-    </main>
-</section>
+      </main>
+  </section>
+        <section id="cncf">
+            <main>
+        <center>
+        <p>We are a <a href="https://cncf.io/">CNCF</a> graduated project</p>
+        </center>
+      </main>
+  </section>
+
 
 
 
diff --git a/static/css/styles.css b/static/css/styles.css
index 4196307d73..7d06f58a90 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -567,6 +567,12 @@ html.search #docsContent h1 { margin-bottom: 0; border-bottom: 0; padding-bottom
 
 #features .feature-box > div { width: 100%; margin-bottom: 40px; }
 
+#cncf { padding-top: 40px; padding-bottom: 120px; background-color: #f7f7f7; background-image: url(https://www.cncf.io/wp-content/uploads/2017/10/cncf-logo.png); background-position: center 60px; background-repeat: no-repeat; background-size: 300px; }
+
+#cncf p { font-size: 20px; }
+
+#cncf a { color: #3371E3; }
+
 #community.open-nav .logo, #community.flip-nav .logo, .gridPage.open-nav .logo, .gridPage.flip-nav .logo { background-image: url(/images/nav_logo2.svg); }
 
 #community #hero, .gridPage #hero { padding-bottom: 20px; }
@@ -887,6 +893,9 @@ html.search #docsContent h1 { margin-bottom: 0; border-bottom: 0; padding-bottom
   #oceanNodes main:nth-child(1) .image-wrapper { position: absolute; max-width: 48%; transform: translateY(-50%); }
   #oceanNodes main:nth-child(1) .image-wrapper img { max-width: 425px; }
   #video { height: 550px; position: relative; background-image: url(../images/kub_video_banner_homepage.jpg); background-position: center center; background-size: cover; }
+  #cncf { padding-top: 60px; padding-bottom: 160px; background-color: #f7f7f7; background-image: url(https://www.cncf.io/wp-content/uploads/2017/10/cncf-logo.png); background-position: center 80px; background-repeat: no-repeat; background-size: 400px; }
+  #cncf p { font-size: 24px; }
+  #cncf a { color: #3371E3; }
   #talkToUs h4 br { display: block; }
   #talkToUs #bigSocial div { width: calc(25% - 18px); }
   #talkToUs #bigSocial div + div { margin-left: 20px; }
@@ -918,6 +927,7 @@ html.search #docsContent h1 { margin-bottom: 0; border-bottom: 0; padding-bottom
   #community #hero h1, .gridPage #hero h1 { padding: 20px 100px; }
   #community #tryKubernetes, .gridPage #tryKubernetes { width: auto; background-color: #3371e3; padding: 0 20px; }
   #bigSocial div { width: calc(25% - 18px); }
+  #home #cncf div { width: 24%; min-height: 260px; }
   #home #caseStudiesWrapper div { width: 24%; min-height: 260px; } }
 
 @media screen and (min-width: 1300px) { #vendorStrip { padding-right: 100px; } }