From 5468f7445fb3d60b9af743f991c2bb1e450efc96 Mon Sep 17 00:00:00 2001
From: Dmitry Vinnik <dvinnik@fb.com>
Date: Sat, 12 Feb 2022 13:29:21 -0800
Subject: [PATCH 1/2] Adding ELI5 Video about Jest

---
 website/src/pages/index.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 59ce56c02069..e42415958e1c 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -543,6 +543,37 @@ class Index extends React.Component {
               </div>
             </div>
           </Container>
+          <Container
+            padding={['bottom', 'top']}
+            className="section-container bottom-margin docs"
+          >
+            <div className="blockElement imageAlignSide gridBlock video-block">
+              <div className="blockContent ">
+                <div className="video">
+                  <iframe
+                    width="560"
+                    height="315"
+                    src="https://www.youtube.com/embed/SyHzgcFefBk"
+                    frameBorder="0"
+                    allow="autoplay; encrypted-media"
+                    allowFullScreen
+                  />
+                </div>
+              </div>
+            </div>
+            <div className="blockElement red bottom-margin">
+              <div className="blockContent">
+                <MarkdownBlock>
+                  <Translate>
+                  The Meta Open Source team has put together a short overview of Jest, 
+                  where they explained the project in beginner's terms. 
+                  You can also find other content about [Meta Open Source projects](https://opensource.fb.com/) 
+                  on their [YouTube Channel](https://www.youtube.com/channel/UCCQY962PmHabTjaHv2wJzfQ).
+                  </Translate> 
+                </MarkdownBlock>
+              </div>
+            </div>
+          </Container>
           <Container
             padding={['bottom', 'top']}
             background="light"

From 7879ed2bb19a65d5321bccc599f2bef48ac7cf8d Mon Sep 17 00:00:00 2001
From: Simen Bekkhus <sbekkhus91@gmail.com>
Date: Sun, 13 Feb 2022 10:18:25 +0100
Subject: [PATCH 2/2] prettier

---
 website/src/pages/index.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index e42415958e1c..0ab8788f28fb 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -565,11 +565,13 @@ class Index extends React.Component {
               <div className="blockContent">
                 <MarkdownBlock>
                   <Translate>
-                  The Meta Open Source team has put together a short overview of Jest, 
-                  where they explained the project in beginner's terms. 
-                  You can also find other content about [Meta Open Source projects](https://opensource.fb.com/) 
-                  on their [YouTube Channel](https://www.youtube.com/channel/UCCQY962PmHabTjaHv2wJzfQ).
-                  </Translate> 
+                    The Meta Open Source team has put together a short overview
+                    of Jest, where they explained the project in beginner's
+                    terms. You can also find other content about [Meta Open
+                    Source projects](https://opensource.fb.com/) on their
+                    [YouTube
+                    Channel](https://www.youtube.com/channel/UCCQY962PmHabTjaHv2wJzfQ).
+                  </Translate>
                 </MarkdownBlock>
               </div>
             </div>