Black Lives Matter

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

There is no community when people are dehumanized, marginalized,
threatened, and made to feel unwelcome, 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">