From 869db7720a2b61600ac0d0679fcd6ad88d6c3f0c Mon Sep 17 00:00:00 2001
From: Myles Borins <myles.borins@gmail.com>
Date: Thu, 11 Jun 2020 20:59:20 -0400
Subject: [PATCH] blm: convert to banner

We originally discussed keeping the BLM landing page up for a week.
This is a suggested implementation for what we can replace it with.
It makes a new landing page /en/black-lives-matter/ that preserves
the entire original BLM landing site and adds a link to it using our
Security Release notification banner.
---
 build.js                            |   7 +-
 layouts/css/_variables.scss         |   1 +
 layouts/css/page-modules/_home.scss |  23 +++
 layouts/index.hbs                   |   6 +
 locale/en/black-lives-matter.md     | 203 ++++++++++++++++++++++++++
 locale/en/index.md                  | 217 +++-------------------------
 6 files changed, 256 insertions(+), 201 deletions(-)
 create mode 100644 locale/en/black-lives-matter.md

diff --git a/build.js b/build.js
index 9e575dd16ad98..f3c8204d0592f 100755
--- a/build.js
+++ b/build.js
@@ -271,8 +271,13 @@ function getSource (callback) {
           current: latestVersion.current(versions),
           lts: latestVersion.lts(versions)
         },
-        banner: {
+        blacklivesmatter: {
           visible: true,
+          text: '#BlackLivesMatter',
+          link: '/en/black-lives-matter/'
+        },
+        banner: {
+          visible: false,
           text: 'New security releases are available',
           link: '/en/blog/vulnerability/june-2020-security-releases/'
         }
diff --git a/layouts/css/_variables.scss b/layouts/css/_variables.scss
index 644249ecf65da..c9224f157155a 100644
--- a/layouts/css/_variables.scss
+++ b/layouts/css/_variables.scss
@@ -1,5 +1,6 @@
 $body-max-width: 980px;
 
+$black: #000;
 $white: #fff;
 
 $node-green: #43853d;
diff --git a/layouts/css/page-modules/_home.scss b/layouts/css/page-modules/_home.scss
index ef9c98e64804f..cb2f2229a9554 100644
--- a/layouts/css/page-modules/_home.scss
+++ b/layouts/css/page-modules/_home.scss
@@ -1,3 +1,26 @@
+.home-blacklivesmatter {
+  padding-top: 10px;
+  font-size: 16px;
+  color: $gray;
+}
+
+.home-blacklivesmatter-banner {
+  font-size: 130%;
+  background-color: $node-gray;
+  padding: 5px 15px;
+  border-radius: 2px;
+  margin-top: 1em;
+  a {
+    background-color: $black;
+    color: $white;
+    padding: .5em;
+    transition: padding .2s ease-in-out;
+    &:hover {
+      padding: .6em;
+    }
+  }
+}
+
 .home-version {
   padding-top: 10px;
   font-size: 16px;
diff --git a/layouts/index.hbs b/layouts/index.hbs
index efe765a31541f..79c8cef56b333 100644
--- a/layouts/index.hbs
+++ b/layouts/index.hbs
@@ -12,6 +12,12 @@
 
         {{{ contents }}}
 
+        {{#if project.blacklivesmatter.visible}}
+          <p class="home-blacklivesmatter home-blacklivesmatter-banner">
+            <a href="{{ project.blacklivesmatter.link }}">{{ project.blacklivesmatter.text }}</a>
+          </p>
+        {{/if}}
+
         {{#if project.banner.visible}}
           <p class="home-version home-version-banner">
             <a href="{{ project.banner.link }}">{{ project.banner.text }}</a>
diff --git a/locale/en/black-lives-matter.md b/locale/en/black-lives-matter.md
new file mode 100644
index 0000000000000..66f1bdb0fc47b
--- /dev/null
+++ b/locale/en/black-lives-matter.md
@@ -0,0 +1,203 @@
+---
+layout: black-lives-matter.hbs
+---
+
+<section id="lives">
+  
+  * Ahmaud Arbery
+  * Akai Gurley
+  * Akiel Denkins
+  * Alfred Olango
+  * Alton Sterling
+  * Anthony Hill
+  * Anthony Lamar Smith
+  * Antwon Rose II
+  * Ariane McCree
+  * Botham Jean
+  * Brandon Webber
+  * Brendon Glenn
+  * Breonna Taylor
+  * Charly Keunang
+  * Christian Taylor
+  * Christopher Whitfield
+  * Danny Ray Thomas
+  * Dante Parker
+  * Darius Tarver
+  * DeAndre Ballard
+  * DeJuan Guillory
+  * Delrawn Small
+  * De’Von Bailey
+  * Dontre Hamilton
+  * D’ettrick Griffin
+  * Emantic Fitzgerald Bradford Jr
+  * Eric Garner
+  * Eric Logan
+  * Ezell Ford
+  * Finan H. Berhe
+  * Freddie Gray
+  * George Floyd
+  * Gregory Gunn
+  * Gregory Hill Jr
+  * JaQuavion Slaton
+  * Jamar Clark
+  * Jamarion Robinson
+  * Jamee Johnson
+  * Jemel Roberson
+  * Jerame Reid
+  * Jimmy Atchison
+  * John Crawford III
+  * Jonathan Ferrell
+  * Jonathan Hart
+  * Jordan Baker
+  * Jordan Edwards
+  * Julius Johnson
+  * Kajieme Powell
+  * Keith Childress
+  * Keith Lamont Scott
+  * Kendrec McDade
+  * Kwame Jones
+  * Laquan McDonald
+  * Larry Jackson Jr
+  * Manuel Loggins Jr
+  * Mario Woods
+  * Maurice Granton
+  * Michael Brown
+  * Michael Dean
+  * Mike Ramos
+  * Miles Hall
+  * Patrick Harmon
+  * Philando Castile
+  * Quintonio LeGrier
+  * Ramarley Graham
+  * Robert Lawrence White
+  * Rumain Brisbon
+  * Ryan Twyman
+  * Samuel David Mallard
+  * Samuel DuBose
+  * Sandra Bland
+  * Sean Reed
+  * Stephon Clark
+  * Steven Demarco Taylor
+  * Tamir Rice
+  * Terence Crutcher
+  * Terrance Franklin
+  * Terrence Sterling
+  * Tony McDade
+  * Tony Robinson
+  * Trayvon Martin
+  * Victor White III
+  * Walter Scott
+  * Wendell Allen
+  * William Green
+  * Willie McCoy
+  * Yassin Mohamed
+  * &hellip;[and](https://mappingpoliceviolence.org/) [countless](https://twitter.com/samswey/status/1259254114606886913) 
+    [more](https://apps.npr.org/documents/document.html?id=6933593-NPR-CodeSwitch-Saytheirnameslistv3) 
+    [lives](https://ebwiki.org/) 
+    not listed  here, taken by violence and brutality.
+
+</section>
+
+White supremacy and police brutality are global problems. Every Black life
+lost to police murder globally matters and mattered. The above list
+contains the names of Black people murdered by police brutality in the
+U.S. since 2009. This is because the U.S. is the origin of the Black Lives
+Matter movement and currently the heart of the resistance.
+
+## Where you can donate:
+
+* Donate to the [Official George Floyd Memorial Fund](https://www.gofundme.com/f/georgefloyd).
+* Donate to the [I Run With Maud](https://www.gofundme.com/f/i-run-with-maud) fundraiser for Ahmaud Arbery.
+* Donate to the [Justice for Mike Ramos](https://www.gofundme.com/f/justice-for-mike-ramos) fundraiser.
+* Find and donate to bail funds via the [National Bail Fund Network](https://www.communityjusticeexchange.org/nbfn-directory).
+* [Reclaim the Block](https://www.facebook.com/reclaimtheblock/) has published a [Google Doc of organizations to donate to](https://docs.google.com/document/d/1yLWGTQIe3967hdc9RSxBq5s6KKZHe-3_mWp5oemd7OA/preview?pru=AAABcpUiX3k*Y6Q4I6UBtkH3lLz9GVLg0A).
+
+<section id="update" class="center">
+
+*We will update this list as appropriate*
+
+</section>
+
+## Our Commitment
+
+It would be wrong for us to ignore the unearned privilege that exists in
+Node.js. Much of the project leadership is white, and a majority are men.
+We are and have been systematically complicit in perpetuating the issues
+that led us to where we are. We can't change how we've built out the
+project's leadership to date, but we can change how we build it moving
+forward.
+
+We are dedicated to being a part of the solution. We will actively center
+the Black community and uplift Black voices. We will share projects
+founded and built by Black community members. We will hold ourselves
+accountable, fulfill our promises, and make changes as needed. While it is
+our responsibility to hold ourselves accountable, we welcome your help. We
+invite you to share ways that we can do better. Email
+[blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org)
+or reach out to any of our project leaders.
+
+<section id="here-for-you">
+
+To Black folks looking for access: We're here for you.
+
+To Black people looking for amplification: We're here for you.
+
+To Black members of our community seeking collaboration: We're here for
+you.
+
+</section>
+
+The responsibility to dismantle white supremacy does not fall on the Black
+community. It falls on the rest of us.
+
+## Taking Action
+
+We will work with any Black community member who wishes to contribute to
+Node.js. Please contact us at [blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org)
+or [@nodejs](https://twitter.com/nodejs) on Twitter with any questions.
+
+We have an upcoming free online [collaboration summit](https://github.com/openjs-foundation/summit#upcoming-events).
+There are [many different sessions](https://github.com/openjs-foundation/summit/issues?q=is%3Aissue+is%3Aopen+label%3A%22Session+Proposal%22)
+across various [OpenJS projects](https://openjsf.org/projects/), including Node.js.
+We have an [orientation guide](https://github.com/openjs-foundation/summit/blob/master/2020-06-23-Austin/orientation.md)
+to help you figure out how you might want to take part. If you have any questions or
+want to talk about anything, please reach out to [blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org).
+
+Moving forward we plan to offer ongoing support, mentorship, and sponsorship to
+help those from the Black community get involved in our project. We will
+also be analyzing our existing processes and governance to see what changes
+we can make to make sure our project is the kind of environment that the
+Black community wants to participate in.
+
+Please feel welcome to contact
+[Technical Steering Committee](https://github.com/nodejs/node#tsc-technical-steering-committee)
+and [Community Committee](https://github.com/nodejs/community-committee#community-committee-members)
+members. The preceding links contain email addresses for all members. If
+you prefer, you can contact any of the following members on Twitter:
+
+<section id="we-are-here-for-you">
+
+* [Abraham Jr. Agiri](https://twitter.com/codeekage)
+* [Ben Michel](https://twitter.com/obensource)
+* [James M Snell](https://twitter.com/jasnell)
+* [Joe Sepi](https://twitter.com/joe_sepi)
+* [Matheus Marchini](https://twitter.com/mmarkini)
+* [Myles Borins](https://twitter.com/MylesBorins)
+* [Rich Trott](https://twitter.com/Trott)
+* [Shelley Vohr](https://twitter.com/codebytere)
+* [Tierney Cyren](https://twitter.com/bitandbang)
+
+</section>
+
+<hr id="break">
+
+<section id="it-is-temporary">
+
+If you're looking for docs, see https://nodejs.org/en/docs/.
+
+To download Node.js, see https://nodejs.org/en/download/.
+
+For information on the recent security release, see
+[the security release blog post](https://nodejs.org/en/blog/vulnerability/june-2020-security-releases/).
+
+</section>
diff --git a/locale/en/index.md b/locale/en/index.md
index 66f1bdb0fc47b..11409c555d36e 100644
--- a/locale/en/index.md
+++ b/locale/en/index.md
@@ -1,203 +1,20 @@
 ---
-layout: black-lives-matter.hbs
+layout: index.hbs
+labels:
+  current-version: Current Version
+  download: Download
+  download-for: Download for
+  other-downloads: Other Downloads
+  other-lts-downloads: Other LTS Downloads
+  other-current-downloads: Other Current Downloads
+  current: Current
+  lts: LTS
+  tagline-current: Latest Features
+  tagline-lts: Recommended For Most Users
+  changelog: Changelog
+  api: API Docs
+  version-schedule-prompt: Or have a look at the
+  version-schedule-prompt-link-text: Long Term Support (LTS) schedule.
 ---
 
-<section id="lives">
-  
-  * Ahmaud Arbery
-  * Akai Gurley
-  * Akiel Denkins
-  * Alfred Olango
-  * Alton Sterling
-  * Anthony Hill
-  * Anthony Lamar Smith
-  * Antwon Rose II
-  * Ariane McCree
-  * Botham Jean
-  * Brandon Webber
-  * Brendon Glenn
-  * Breonna Taylor
-  * Charly Keunang
-  * Christian Taylor
-  * Christopher Whitfield
-  * Danny Ray Thomas
-  * Dante Parker
-  * Darius Tarver
-  * DeAndre Ballard
-  * DeJuan Guillory
-  * Delrawn Small
-  * De’Von Bailey
-  * Dontre Hamilton
-  * D’ettrick Griffin
-  * Emantic Fitzgerald Bradford Jr
-  * Eric Garner
-  * Eric Logan
-  * Ezell Ford
-  * Finan H. Berhe
-  * Freddie Gray
-  * George Floyd
-  * Gregory Gunn
-  * Gregory Hill Jr
-  * JaQuavion Slaton
-  * Jamar Clark
-  * Jamarion Robinson
-  * Jamee Johnson
-  * Jemel Roberson
-  * Jerame Reid
-  * Jimmy Atchison
-  * John Crawford III
-  * Jonathan Ferrell
-  * Jonathan Hart
-  * Jordan Baker
-  * Jordan Edwards
-  * Julius Johnson
-  * Kajieme Powell
-  * Keith Childress
-  * Keith Lamont Scott
-  * Kendrec McDade
-  * Kwame Jones
-  * Laquan McDonald
-  * Larry Jackson Jr
-  * Manuel Loggins Jr
-  * Mario Woods
-  * Maurice Granton
-  * Michael Brown
-  * Michael Dean
-  * Mike Ramos
-  * Miles Hall
-  * Patrick Harmon
-  * Philando Castile
-  * Quintonio LeGrier
-  * Ramarley Graham
-  * Robert Lawrence White
-  * Rumain Brisbon
-  * Ryan Twyman
-  * Samuel David Mallard
-  * Samuel DuBose
-  * Sandra Bland
-  * Sean Reed
-  * Stephon Clark
-  * Steven Demarco Taylor
-  * Tamir Rice
-  * Terence Crutcher
-  * Terrance Franklin
-  * Terrence Sterling
-  * Tony McDade
-  * Tony Robinson
-  * Trayvon Martin
-  * Victor White III
-  * Walter Scott
-  * Wendell Allen
-  * William Green
-  * Willie McCoy
-  * Yassin Mohamed
-  * &hellip;[and](https://mappingpoliceviolence.org/) [countless](https://twitter.com/samswey/status/1259254114606886913) 
-    [more](https://apps.npr.org/documents/document.html?id=6933593-NPR-CodeSwitch-Saytheirnameslistv3) 
-    [lives](https://ebwiki.org/) 
-    not listed  here, taken by violence and brutality.
-
-</section>
-
-White supremacy and police brutality are global problems. Every Black life
-lost to police murder globally matters and mattered. The above list
-contains the names of Black people murdered by police brutality in the
-U.S. since 2009. This is because the U.S. is the origin of the Black Lives
-Matter movement and currently the heart of the resistance.
-
-## Where you can donate:
-
-* Donate to the [Official George Floyd Memorial Fund](https://www.gofundme.com/f/georgefloyd).
-* Donate to the [I Run With Maud](https://www.gofundme.com/f/i-run-with-maud) fundraiser for Ahmaud Arbery.
-* Donate to the [Justice for Mike Ramos](https://www.gofundme.com/f/justice-for-mike-ramos) fundraiser.
-* Find and donate to bail funds via the [National Bail Fund Network](https://www.communityjusticeexchange.org/nbfn-directory).
-* [Reclaim the Block](https://www.facebook.com/reclaimtheblock/) has published a [Google Doc of organizations to donate to](https://docs.google.com/document/d/1yLWGTQIe3967hdc9RSxBq5s6KKZHe-3_mWp5oemd7OA/preview?pru=AAABcpUiX3k*Y6Q4I6UBtkH3lLz9GVLg0A).
-
-<section id="update" class="center">
-
-*We will update this list as appropriate*
-
-</section>
-
-## Our Commitment
-
-It would be wrong for us to ignore the unearned privilege that exists in
-Node.js. Much of the project leadership is white, and a majority are men.
-We are and have been systematically complicit in perpetuating the issues
-that led us to where we are. We can't change how we've built out the
-project's leadership to date, but we can change how we build it moving
-forward.
-
-We are dedicated to being a part of the solution. We will actively center
-the Black community and uplift Black voices. We will share projects
-founded and built by Black community members. We will hold ourselves
-accountable, fulfill our promises, and make changes as needed. While it is
-our responsibility to hold ourselves accountable, we welcome your help. We
-invite you to share ways that we can do better. Email
-[blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org)
-or reach out to any of our project leaders.
-
-<section id="here-for-you">
-
-To Black folks looking for access: We're here for you.
-
-To Black people looking for amplification: We're here for you.
-
-To Black members of our community seeking collaboration: We're here for
-you.
-
-</section>
-
-The responsibility to dismantle white supremacy does not fall on the Black
-community. It falls on the rest of us.
-
-## Taking Action
-
-We will work with any Black community member who wishes to contribute to
-Node.js. Please contact us at [blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org)
-or [@nodejs](https://twitter.com/nodejs) on Twitter with any questions.
-
-We have an upcoming free online [collaboration summit](https://github.com/openjs-foundation/summit#upcoming-events).
-There are [many different sessions](https://github.com/openjs-foundation/summit/issues?q=is%3Aissue+is%3Aopen+label%3A%22Session+Proposal%22)
-across various [OpenJS projects](https://openjsf.org/projects/), including Node.js.
-We have an [orientation guide](https://github.com/openjs-foundation/summit/blob/master/2020-06-23-Austin/orientation.md)
-to help you figure out how you might want to take part. If you have any questions or
-want to talk about anything, please reach out to [blacklivesmatter@nodejs.org](mailto:blacklivesmatter@nodejs.org).
-
-Moving forward we plan to offer ongoing support, mentorship, and sponsorship to
-help those from the Black community get involved in our project. We will
-also be analyzing our existing processes and governance to see what changes
-we can make to make sure our project is the kind of environment that the
-Black community wants to participate in.
-
-Please feel welcome to contact
-[Technical Steering Committee](https://github.com/nodejs/node#tsc-technical-steering-committee)
-and [Community Committee](https://github.com/nodejs/community-committee#community-committee-members)
-members. The preceding links contain email addresses for all members. If
-you prefer, you can contact any of the following members on Twitter:
-
-<section id="we-are-here-for-you">
-
-* [Abraham Jr. Agiri](https://twitter.com/codeekage)
-* [Ben Michel](https://twitter.com/obensource)
-* [James M Snell](https://twitter.com/jasnell)
-* [Joe Sepi](https://twitter.com/joe_sepi)
-* [Matheus Marchini](https://twitter.com/mmarkini)
-* [Myles Borins](https://twitter.com/MylesBorins)
-* [Rich Trott](https://twitter.com/Trott)
-* [Shelley Vohr](https://twitter.com/codebytere)
-* [Tierney Cyren](https://twitter.com/bitandbang)
-
-</section>
-
-<hr id="break">
-
-<section id="it-is-temporary">
-
-If you're looking for docs, see https://nodejs.org/en/docs/.
-
-To download Node.js, see https://nodejs.org/en/download/.
-
-For information on the recent security release, see
-[the security release blog post](https://nodejs.org/en/blog/vulnerability/june-2020-security-releases/).
-
-</section>
+Node.js® is a JavaScript runtime built on [Chrome's V8 JavaScript engine](https://v8.dev/).