Black Lives Matter

Inclusive is better than exclusive: this is a core principal of
Kubernetes.

When people are systematically dehumanized, marginalized, threatened,
and made to feel unwelcome, it's our job to make it clear that such
things will not fly in our community, and must not be allowed to fly in
society.

Without inclusivity, there is no community, and without community, there
is no Kubernetes, there is no KubeBuilder.

---

Verbiage and general design taken from the main Kubernetes website
(kubernetes/website#21505).

docs/book/theme/css/custom.css

@@ -1,3 +1,30 @@
 .menu-title img {
     vertical-align: bottom;
 }
+
+#notice-bar {
+    background: var(--bg);
+    padding: 1em;
+    margin-left: calc(-1 * var(--page-padding));
+    margin-right: calc(-1 * var(--page-padding));
+    margin-bottom: 1em;
+
+    border-bottom: 1px solid var(--table-border-color);
+    box-shadow: 0 1px 5px 0 var(--table-border-color);
+}
+
+#notice-bar * {
+    color: var(--fg);
+}
+
+#notice-bar a {
+    text-decoration: none;
+}
+
+#notice-bar a:not(.header) { 
+    color: var(--links);
+}
+
+#notice-bar h2 {
+    margin-top: 0;
+}

docs/book/theme/header.hbs

@@ -0,0 +1,7 @@
+<header id="notice-bar">
+    <h2>Black lives matter.</h2>
+    <p>We stand in solidarity with the Black community.</p>
+    <p>Racism is unacceptable.</p>
+    <p>It conflicts with <a href="https://git.k8s.io/community/values.md">the core values of the Kubernetes project</a> and our community does not tolerate it.</p>
+    </p>
+</header>

docs/book/theme/index.hbs

@@ -97,7 +97,6 @@
         <div id="page-wrapper" class="page-wrapper">
 
             <div class="page">
-                {{> header}}
                 <div id="menu-bar" class="menu-bar">
                     <div id="menu-bar-sticky-container">
                         <div class="left-buttons">
@@ -136,6 +135,8 @@
                     </div>
                 </div>
 
+                {{> header}}
+
                 {{#if search_enabled}}
                 <div id="search-wrapper" class="hidden">
                     <form id="searchbar-outer" class="searchbar-outer">