jquery: Add Black Lives Matter support banner

Closes gh-423

Author: jorydotcom

themes/jquery/css/base.css

@@ -2231,6 +2231,24 @@ p.author a {
 	line-height: 36px;
 }
 
+#banner-blm {
+	background-image: url(../images/dark-grey-tile.png);
+	color: #fff;
+	text-align: center;
+	padding: 20px;
+}
+
+#banner-blm h2 {
+	font-size: 36px;
+	line-height: 42px;
+}
+
+#banner-blm p {
+	font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	padding-left: 15%;
+	padding-right: 15%;
+}
+
 .center-txt {
 	text-align: center !important;
 }

themes/jquery/header.php

@@ -104,6 +104,11 @@
 	</section>
 </header>
 
+<div id="banner-blm">
+	<h2>#BlackLivesMatter</h2>
+	<p>To Donate, see this <a href="https://bit.ly/fundthecommunity">list of organizations to support</a> from <a href="(https://www.reclaimtheblock.org/)">Reclaim the Block</a> 
+</div>
+
 <div id="container">
 	<div id="logo-events" class="constrain clearfix">
 		<h2 class="logo"><a href="<?php echo jq_logo_link(); ?>" title="<?php bloginfo( 'name' ); ?>"><?php bloginfo( 'name' ); ?></a></h2>