From 2e2beaa7c3fa75c90c90e1ae8928b31e2f4c7c20 Mon Sep 17 00:00:00 2001
From: Richard Abrich <richard.abrich@gmail.com>
Date: Thu, 13 Jun 2024 10:52:59 -0400
Subject: [PATCH 1/5] MastHead.js: replace video with youtube embed

---
 components/MastHead.js | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/components/MastHead.js b/components/MastHead.js
index b5652c8..56ed387 100644
--- a/components/MastHead.js
+++ b/components/MastHead.js
@@ -46,21 +46,16 @@ export default function Home() {
                             <div className="flex flex-col align-items-center justify-content-center">
                                 <div className="relative inline-block">
                                     {/* <AnimatedLogo /> */}
-                                    <video
-                                        controls
-                                        className="demo-video"
-                                        style={{
-                                            maxWidth: '80%',
-                                            margin: '0 auto',
-                                        }}
-                                    >
-                                        <source
-                                            src="./demo.mp4"
-                                            type="video/mp4"
-                                        />
-                                        Your browser does not support the video
-                                        tag.
-                                    </video>
+                                    <iframe
+                                      width="560"
+                                      height="315"
+                                      src="https://www.youtube.com/embed/OVERugs50cQ?si=5Mh_B9V7NFV0aKY8"
+                                      title="YouTube video player"
+                                      frameborder="0"
+                                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                                      referrerpolicy="strict-origin-when-cross-origin"
+                                      allowfullscreen>
+                                    </iframe>
                                 </div>
                             </div>
                             <h3 className="mt-8 font-light">

From 4e597555f94fe00edf5dec56f4b1e4b3bda8e29b Mon Sep 17 00:00:00 2001
From: Richard Abrich <richard.abrich@gmail.com>
Date: Thu, 13 Jun 2024 11:10:34 -0400
Subject: [PATCH 2/5] Update MastHead.js: style, fullscreen

---
 components/MastHead.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/MastHead.js b/components/MastHead.js
index 56ed387..bfebc9b 100644
--- a/components/MastHead.js
+++ b/components/MastHead.js
@@ -47,12 +47,14 @@ export default function Home() {
                                 <div className="relative inline-block">
                                     {/* <AnimatedLogo /> */}
                                     <iframe
-                                      width="560"
-                                      height="315"
+                                      style={{
+                                        maxWidth: '80%',
+                                        margin: '0 auto',
+                                      }}
                                       src="https://www.youtube.com/embed/OVERugs50cQ?si=5Mh_B9V7NFV0aKY8"
                                       title="YouTube video player"
                                       frameborder="0"
-                                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                                      allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                       referrerpolicy="strict-origin-when-cross-origin"
                                       allowfullscreen>
                                     </iframe>

From 6399742b1f89aa7104621022d31a21f8e6536fcb Mon Sep 17 00:00:00 2001
From: Richard Abrich <richard.abrich@gmail.com>
Date: Thu, 13 Jun 2024 11:11:40 -0400
Subject: [PATCH 3/5] Update MastHead.js: typo

---
 components/MastHead.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/MastHead.js b/components/MastHead.js
index bfebc9b..c51cff8 100644
--- a/components/MastHead.js
+++ b/components/MastHead.js
@@ -56,7 +56,7 @@ export default function Home() {
                                       frameborder="0"
                                       allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                       referrerpolicy="strict-origin-when-cross-origin"
-                                      allowfullscreen>
+                                      allowfullscreen
                                     </iframe>
                                 </div>
                             </div>

From fe1c54a48980f7e945be4610c82b1bd8c755b692 Mon Sep 17 00:00:00 2001
From: Richard Abrich <richard.abrich@gmail.com>
Date: Thu, 13 Jun 2024 11:14:53 -0400
Subject: [PATCH 4/5] Update MastHead.js: fix typo

---
 components/MastHead.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/MastHead.js b/components/MastHead.js
index c51cff8..846ac80 100644
--- a/components/MastHead.js
+++ b/components/MastHead.js
@@ -57,6 +57,7 @@ export default function Home() {
                                       allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                       referrerpolicy="strict-origin-when-cross-origin"
                                       allowfullscreen
+                                    >
                                     </iframe>
                                 </div>
                             </div>

From 627a09c8d19c042128fa6417b98f3b950a4c44db Mon Sep 17 00:00:00 2001
From: Richard Abrich <richard.abrich@gmail.com>
Date: Thu, 13 Jun 2024 11:22:32 -0400
Subject: [PATCH 5/5] Update MastHead.js: more controls, width 200%

---
 components/MastHead.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/MastHead.js b/components/MastHead.js
index 846ac80..9e9163d 100644
--- a/components/MastHead.js
+++ b/components/MastHead.js
@@ -48,14 +48,14 @@ export default function Home() {
                                     {/* <AnimatedLogo /> */}
                                     <iframe
                                       style={{
-                                        maxWidth: '80%',
+                                        maxWidth: '200%',
+                                        width: '200%'
                                         margin: '0 auto',
                                       }}
-                                      src="https://www.youtube.com/embed/OVERugs50cQ?si=5Mh_B9V7NFV0aKY8"
+                                      src="https://www.youtube.com/embed/OVERugs50cQ?controls=0&autoplay=1"
                                       title="YouTube video player"
                                       frameborder="0"
-                                      allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                                      referrerpolicy="strict-origin-when-cross-origin"
+                                      allow="accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
                                       allowfullscreen
                                     >
                                     </iframe>