Merge pull request #197 from dmitryvinn/social-banner

docs: add social banner in support of Ukraine

Author: dmitryvinn-fb

docs/website/website/pages/en/index.js

@@ -74,6 +74,20 @@ class HomeSplash extends React.Component {
   }
 }
 
+function SocialBanner() {
+  return (
+    <div className="SocialBannerWrapper">
+      <div className="SocialBanner">
+        Support Ukraine 🇺🇦{' '}
+        <a href="https://opensource.fb.com/support-ukraine">
+          Help Provide Humanitarian Aid to Ukraine
+        </a>
+        .
+      </div>
+    </div>
+  );
+}
+
 class Index extends React.Component {
   render() {
     const {config: siteConfig, language = ''} = this.props;
@@ -227,6 +241,7 @@ class Index extends React.Component {
 
     return (
       <div>
+        <SocialBanner />
         <HomeSplash siteConfig={siteConfig} language={language} />
         <div className="mainContainer">
           <FeatureCallout />

docs/website/website/static/css/custom.css

@@ -90,4 +90,26 @@
 
 a {
   color: #3eb0f7;
-}
+}
+
+/* Social Banner */
+
+.SocialBannerWrapper {
+	padding: 0 0;
+	background-color: black;
+  }
+  
+  .SocialBanner {
+	font-weight: bold;
+	font-size: 20px;
+	padding: 20px;
+	max-width: 768px;
+	margin: 0 auto;
+	color: white;
+	text-align: center;
+  }
+  
+  .SocialBanner a {
+	text-decoration: underline;
+	color: white;
+  }