Add k8s black lives matter statement (#4022)

* updates

* Update website/layouts/index.html

Co-authored-by: Joe Lanford <[email protected]>

Co-authored-by: matthew carleton <[email protected]>
Co-authored-by: Austin Macdonald <[email protected]>
Co-authored-by: Joe Lanford <[email protected]>

Author: 4 people

website/assets/scss/_homepage.scss

@@ -157,4 +157,18 @@
         }
     }
 
+}
+
+.of-section-page-message {
+    background: var(--of--color-black--300);
+    color: #fff;
+    display: flex;
+    text-align: center;
+    flex-direction: column;
+    justify-content: center;
+    padding: var(--of--spacer--xl);
+    &__title {
+        margin-bottom: var(--of--spacer--md);
+    }
+
 }

website/layouts/index.html

@@ -9,6 +9,11 @@
     </header>
 
       <main role="main" class="td-main">
+        <section class="of-section-page-message">
+          <h1 class="of-heading of-heading--lg of-section-page-message__title"> Black lives matter.</h1>
+        <p>We stand in solidarity with the Black community.<br>Racism is unacceptable.<br> It conflicts with the <a href="https://git.k8s.io/community/values.md">core values of the Kubernetes community</a> and we do not tolerate it.</p>
+  
+        </section>
         <section class="of-masthead of-masthead--home">
           <h1 class="of-heading of-masthead--home__title"><span>Operator</span><span>SDK</span></h1>
           <h2 class="of-heading of-heading--md of-masthead--home__content">The Operator SDK makes it easier to build Kubernetes native applications, a process that can require deep, application-specific operational knowledge.</h2>
@@ -133,4 +138,3 @@ <h2 class="of-heading of-heading--lg">Contribute!</h2>
     {{ partialCached "scripts.html" . }}
   </body>
 </html>
-