docs: Adding Social Banner in Support of Ukraine (#12532)

jestjs · Mar 2, 2022 · 8498b6a · 8498b6a
1 parent a8f55ec
commit 8498b6a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -301,6 +301,15 @@ class Index extends React.Component {
             {siteConfig.title} {siteConfig.titleDelimiter} {siteConfig.tagline}
           </title>
         </Head>
+        <Container background="light">
+          <div className={styles.banner}>
+            Support Ukraine 🇺🇦{' '}
+            <Link to="https://opensource.facebook.com/support-ukraine">
+              Help Provide Humanitarian Aid to Ukraine
+            </Link>
+            .
+          </div>
+        </Container>
         <HeroInteractive config={siteConfig} />
         <div className="mainContainerV1" style={{padding: 0}}>
           <Container

diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -5,6 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/* Social Banner */
+
+.banner {
+  font-weight: bold;
+  font-size: 20px;
+  padding: 20px;
+  max-width: 768px;
+  margin: 0 auto;
+  text-align: center;
+}
+
 /* Twitter Follow Button */
 
 .twitter-follow-button {