blm: convert to banner (#3246)

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 a new banner.
nodejs · Jun 15, 2020 · afae1a8 · afae1a8
1 parent ce944b7
commit afae1a8
Show file tree

Hide file tree

Showing 6 changed files with 256 additions and 201 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>