Added cncf incubation notice (#4856)

* added cncf incubation notice * changed cncf section order and fixed section sixe overall * removed h3 margin from cncf h3s
knative · Mar 22, 2022 · 149840d · 149840d
1 parent 4c4e040
commit 149840d
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/docs/images/home-images/cncf-color.png b/docs/images/home-images/cncf-color.png
diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
@@ -51,7 +51,7 @@
 .why-serverless-container, .need-to-know-more-container,
 .knative-components-container, .trying-it-all-container,
 .whats-next-container, .whats-next-container,
-.case-studies-container {
+.case-studies-container, .cncf-notice-container {
   text-align: center;
   padding: 4em 3em;
 }
@@ -419,6 +419,24 @@ h2.secondary-headline, h3.trusted-by {
   color: white;
 }
 
+/* cncf notice container css */
+.cncf-notice-container {
+  background-color: white;
+  padding-top: 0;
+}
+
+.cncf-notice-container h3 {
+  font-weight: bold;
+  color: var(--md-default-fg-color--light);
+  margin-top: 0;
+}
+
+.md-typeset img.cncf-logo {
+  width: 40%;
+  max-width: 500px;
+  margin: 1rem;
+}
+
 @media only screen and (max-width: 1219px) {
   .md-header__topic {
     margin: 0;

diff --git a/overrides/home.html b/overrides/home.html
@@ -289,6 +289,11 @@ <h1>Case Studies</h1>
     </div>
   </section>
 
+  <section class="cncf-notice-container">
+    <h3>Knative is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> incubation project</h3>
+    <img class="cncf-logo" src="images/home-images/cncf-color.png" alt="" draggable="false" />
+  </section>
+
   <section class="whats-next-container">
     <div class="md-grid md-typeset">
       <h1>What's Next?</h1>