Adding social banner (#1257)

facebookresearch · Mar 4, 2022 · 3697152 · 3697152
1 parent c0cdb60
commit 3697152
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
@@ -94,6 +94,20 @@ function VideoContainer() {
   );
 }
 
+function SocialBanner() {
+  return (
+    <div className="SocialBanner">
+      <div>
+        Support Ukraine 🇺🇦{' '}
+        <a href="https://opensource.facebook.com/support-ukraine">
+          Help Provide Humanitarian Aid to Ukraine
+        </a>
+        .
+      </div>
+    </div>
+  );
+}
+
 class Index extends React.Component {
   render() {
     let language = this.props.language || "en";
@@ -113,6 +127,7 @@ class Index extends React.Component {
 
     return (
       <div>
+        <SocialBanner />
         <HomeSplash language={language} />
         <div className="mainContainer">
           <div className="descriptionSection paddingTop lightBackground" style={{ textAlign: "left" }} id="fast-download">

diff --git a/website/static/fasttext.css b/website/static/fasttext.css
@@ -45,4 +45,13 @@ div.descriptionSection {
 	  margin-top: 7%;
 }
 
+/* Social Banner */
+.SocialBanner {
+  font-weight: bold;
+  font-size: 20px;
+  padding: 20px;
+  max-width: 768px;
+  margin: 0 auto;
+  text-align: center;
+}