Revert "Port banner and grayscale filter from reactjs.org (#1115)"

dustinsoftware · dustinsoftware · commit ebb05bae7285 · 2020-11-23T16:32:04.000-05:00
This reverts commit febf1a4.
diff --git a/site/jekyll/_assets/stylesheets/react.scss b/site/jekyll/_assets/stylesheets/react.scss
@@ -52,17 +52,6 @@ html {
   background: $pageBg;
 }
 
-.grayscale {
-  filter:grayscale(100%);
-  -webkit-filter:grayscale(100%);
-}
-
-.top-banner {
-  font-size: 20px;
-  height: 60px;
-  text-align: center;
-  padding: 20px;
-}
 
 
 .left {
@@ -75,7 +64,7 @@ html {
 
 
 .container {
-  padding-top: 110px;
+  padding-top: $navHeight;
   min-width: $contentWidth + (2 * $contentPadding);
 }
 
@@ -131,7 +120,7 @@ h1, h2, h3, h4, h5, h6 {
   color: $lightTextColor;
   position: fixed;
   top: 0;
-  height: 110px;
+  height: $navHeight;
   box-shadow: 0 0 5px rgba(0, 0, 0, .5);
   width: 100%;
   z-index: 100;
diff --git a/site/jekyll/_layouts/default.html b/site/jekyll/_layouts/default.html
@@ -37,8 +37,7 @@
 <body>
   <div class="container">
     <div class="nav-main">
-      <div class="top-banner">Black Lives Matter. <a style="color:#61dafb" target="_blank" rel="noreferrer" href="https://support.eji.org/give/153413/#!/donation/checkout">Support&nbsp;the&nbsp;Equal&nbsp;Justice&nbsp;Initiative.</a></div>
-      <div class="wrap grayscale">
+      <div class="wrap">
         <a class="nav-home" href="/">
           <img class="nav-logo" src="/img/logo.svg" width="48" height="36">
           {{ site.name }}
@@ -54,9 +53,7 @@
       </div>
     </div>
 
-    <div class="grayscale">
     {{ content }}
-    </div>
 
     <footer class="wrap">
       <div class="right">
