From 16d0aa82c1bbf3788571c651f5149f3c4e91a47a Mon Sep 17 00:00:00 2001
From: dmitryvinn <dmitryvinn@gmail.com>
Date: Fri, 4 Mar 2022 01:51:16 -0800
Subject: [PATCH] docs: add social banner in support of Ukraine (#1101)

Summary:
Our mission at [Meta Open Source](https://opensource.facebook.com/) is to empower communities through open source, and we believe that it means building a welcoming and safe environment for all. As a part of this work, we are adding this banner in support for Ukraine during this crisis.

![image](https://user-images.githubusercontent.com/12485205/156670302-756fac7c-51ba-4e24-b463-f79730dbaba6.png)

Pull Request resolved: https://github.com/facebookresearch/pytorch3d/pull/1101

Reviewed By: bottler

Differential Revision: D34628257

Pulled By: dmitryvinn-fb

fbshipit-source-id: 5863afb59a2b9431e8e2ebc5856254ab0cdfcfe8
---
 website/pages/en/index.js     | 15 +++++++++++++++
 website/static/css/custom.css | 14 ++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index b69c76c8..59afb0f6 100644
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -74,6 +74,20 @@ class HomeSplash extends React.Component {
   }
 }
 
+function SocialBanner() {
+  return (
+    <div className="socialBanner">
+      <div>
+        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;
@@ -212,6 +226,7 @@ loss_chamfer, _ = chamfer_distance(sample_sphere, sample_test)
 
     return (
       <div>
+        <SocialBanner />
         <HomeSplash siteConfig={siteConfig} language={language} />
         <div className="landingPage mainContainer">
           <Features />
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 691ec079..3aed147d 100644
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -344,3 +344,17 @@ p a:hover {
 
 @media only screen and (min-width: 1500px) {
 }
+
+/* Social Banner */
+.socialBanner {
+  font-weight: bold;
+  font-size: 20px;
+  padding: 20px;
+  max-width: 768px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.socialBanner a {
+  text-decoration: underline;
+}