Skip to content

Commit c98c482

Browse files
authored
Adding Social Banner in Support of Ukraine (#2986)
1 parent 43a610b commit c98c482

File tree

2 files changed

+25
-0
lines changed

2 files changed

+25
-0
lines changed

website/src/css/index.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -284,6 +284,16 @@
284284
}
285285
}
286286

287+
/* Social Banner */
288+
.SocialBanner {
289+
font-weight: bold;
290+
font-size: 20px;
291+
padding: 20px;
292+
max-width: 768px;
293+
margin: 0 auto;
294+
text-align: center;
295+
}
296+
287297
/* Header Hero */
288298

289299
.HeaderHero {

website/src/pages/index.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -543,6 +543,20 @@ function GetStarted() {
543543
);
544544
}
545545

546+
function SocialBanner() {
547+
return (
548+
<div className="SocialBanner">
549+
<div>
550+
Support Ukraine 🇺🇦{' '}
551+
<a href="https://opensource.facebook.com/support-ukraine">
552+
Help Provide Humanitarian Aid to Ukraine
553+
</a>
554+
.
555+
</div>
556+
</div>
557+
);
558+
}
559+
546560
const useHomePageAnimations = () => {
547561
useEffect(() => setupHeaderAnimations(), []);
548562
useEffect(() => setupDissectionAnimation(), []);
@@ -565,6 +579,7 @@ const Index = () => {
565579
content="React Native · Learn once, write anywhere"
566580
/>
567581
</Head>
582+
<SocialBanner />
568583
<HeaderHero />
569584
<NativeApps />
570585
<NativeCode />

0 commit comments

Comments
 (0)