From 5ae5d3584281341600e120fa310cac51bab84e25 Mon Sep 17 00:00:00 2001
From: Solly Ross <sollyross@google.com>
Date: Fri, 5 Jun 2020 00:25:00 -0700
Subject: [PATCH] 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
(https://github.com/kubernetes/website/pull/21505).
---
 docs/book/theme/css/custom.css | 27 +++++++++++++++++++++++++++
 docs/book/theme/header.hbs     |  7 +++++++
 docs/book/theme/index.hbs      |  3 ++-
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 docs/book/theme/header.hbs

diff --git a/docs/book/theme/css/custom.css b/docs/book/theme/css/custom.css
index 16e3b210e95..3678cc320c2 100644
--- a/docs/book/theme/css/custom.css
+++ b/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;
+}
diff --git a/docs/book/theme/header.hbs b/docs/book/theme/header.hbs
new file mode 100644
index 00000000000..586f6da651f
--- /dev/null
+++ b/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>
diff --git a/docs/book/theme/index.hbs b/docs/book/theme/index.hbs
index 9b5f8007f17..fa74d91e9e5 100644
--- a/docs/book/theme/index.hbs
+++ b/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">