From 008eb26c11b83aac0783c159b941fe18ec5390e5 Mon Sep 17 00:00:00 2001
From: Gurpranked <gurpreet.singh.rehal@outlook.com>
Date: Tue, 24 Sep 2024 10:08:29 -0400
Subject: [PATCH 1/2] chore: Iframe edits

---
 docs/schedule/2024Fall/Week2.mdx | 28 ++++++++++++-------------
 docs/schedule/2024Fall/Week3.mdx | 36 +++++++++++++++++++-------------
 2 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/docs/schedule/2024Fall/Week2.mdx b/docs/schedule/2024Fall/Week2.mdx
index da34eabfb..bacfb320f 100644
--- a/docs/schedule/2024Fall/Week2.mdx
+++ b/docs/schedule/2024Fall/Week2.mdx
@@ -18,21 +18,19 @@ import Link from '@docusaurus/Link';
 - **Time:** 6:30pm-8:00pm
 
 ### 🎥 Meeting Recording:
-<div style={{maxWidth: "1280px"}}>
-    <div style={{
-        position: "relative",
-        paddingBottom: "56.25%",
-        height: 0,
-        overflow: "hidden",
-        borderRadius: "16px"
-    }}>
-    <iframe src="https://studentuml.sharepoint.com/sites/UMLCloudComputingClub/_layouts/15/embed.aspx?UniqueId=7f185a06-b058-48e7-b7eb-0322f93241db&embed=%7B%22ust%22%3Atrue%2C%22hv%22%3A%22CopyEmbedCode%22%7D&referrer=StreamWebApp&referrerScenario=EmbedDialog.Create" 
-    width="1280" height="720" frameborder="0" scrolling="no" 
-    allowfullscreen title="Kickstarter Event Presentation (9-13-2024).mp4" 
-    className="meeting_recording_iframe">
-    </iframe>
-    </div>
-</div>
+<iframe  
+    width="640" height="360"
+    src="https://www.youtube-nocookie.com/embed/kxAjBIDROjU?si=O8brH0bj9OChRQae" 
+    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
+    style={{
+        borderRadius: '16px'
+    }}
+>
+</iframe>
 
 
 ### 🚩 Agenda
diff --git a/docs/schedule/2024Fall/Week3.mdx b/docs/schedule/2024Fall/Week3.mdx
index e0b3524fc..2045c468f 100644
--- a/docs/schedule/2024Fall/Week3.mdx
+++ b/docs/schedule/2024Fall/Week3.mdx
@@ -18,21 +18,27 @@ sidebar_position: 3
 - **Time:** 6:30pm-8:00pm
 
 ### 🎥 Meeting Recording:
-<div style={{maxWidth: "1280px"}}>
-    <div style={{
-        position: "relative",
-        paddingBottom: "56.25%",
-        height: 0,
-        overflow: "hidden",
-        borderRadius: "16px"
-    }}>
-        <iframe src="https://studentuml.sharepoint.com/sites/UMLCloudComputingClub/_layouts/15/embed.aspx?UniqueId=cfb2db45-790b-4bf6-8173-628eeb07fd57&embed=%7B%22ust%22%3Atrue%2C%22hv%22%3A%22CopyEmbedCode%22%7D&referrer=StreamWebApp&referrerScenario=EmbedDialog.Create" 
-        width="1280" height="720" frameborder="0" scrolling="no" 
-        allowfullscreen title="Week 2 (9-19-2024).mp4" 
-        className="meeting_recording_iframe">
-        </iframe>
-    </div>
-</div>
+<div style={{maxWidth: '640px'}}>
+<iframe 
+    src="https://www.youtube-nocookie.com/embed/3MoItq_XC_c?si=eK-OyGjbIhwbgthZ" 
+    title="Fall 2024 Week 2" 
+    frameborder="0" 
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+    referrerpolicy="strict-origin-when-cross-origin" 
+    allowfullscreen
+    style={{
+        borderRadius: '16px',
+        border: none,
+        position: absolute,
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: '100%',
+        maxWidth: '100%'
+    }}
+>
+</iframe>
 
 ### 🚩 Agenda
 1. Sign in with attendance code

From 09ab5e77f61c3e07835c9b4546736d8c00f1537a Mon Sep 17 00:00:00 2001
From: Gurpranked <gurpreet.singh.rehal@outlook.com>
Date: Wed, 25 Sep 2024 12:35:38 -0400
Subject: [PATCH 2/2] fix: Updated iframes to use youtube links instead, with
 responsive sizing

---
 docs/schedule/2024Fall/Week2.mdx | 28 +++++++++++++------------
 docs/schedule/2024Fall/Week3.mdx | 36 +++++++++++++-------------------
 src/css/custom.css               | 17 +++++++++++++++
 3 files changed, 47 insertions(+), 34 deletions(-)

diff --git a/docs/schedule/2024Fall/Week2.mdx b/docs/schedule/2024Fall/Week2.mdx
index bacfb320f..8e096b319 100644
--- a/docs/schedule/2024Fall/Week2.mdx
+++ b/docs/schedule/2024Fall/Week2.mdx
@@ -18,19 +18,21 @@ import Link from '@docusaurus/Link';
 - **Time:** 6:30pm-8:00pm
 
 ### 🎥 Meeting Recording:
-<iframe  
-    width="640" height="360"
-    src="https://www.youtube-nocookie.com/embed/kxAjBIDROjU?si=O8brH0bj9OChRQae" 
-    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
-    style={{
-        borderRadius: '16px'
-    }}
->
-</iframe>
+<div class="container">
+    <iframe  
+        src="https://www.youtube-nocookie.com/embed/kxAjBIDROjU?si=O8brH0bj9OChRQae" 
+        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
+        class="responsive-iframe"
+        style={{
+            borderRadius: '16px'
+        }}
+    >
+    </iframe>
+</div>
 
 
 ### 🚩 Agenda
diff --git a/docs/schedule/2024Fall/Week3.mdx b/docs/schedule/2024Fall/Week3.mdx
index 2045c468f..fcfd29ebc 100644
--- a/docs/schedule/2024Fall/Week3.mdx
+++ b/docs/schedule/2024Fall/Week3.mdx
@@ -18,27 +18,21 @@ sidebar_position: 3
 - **Time:** 6:30pm-8:00pm
 
 ### 🎥 Meeting Recording:
-<div style={{maxWidth: '640px'}}>
-<iframe 
-    src="https://www.youtube-nocookie.com/embed/3MoItq_XC_c?si=eK-OyGjbIhwbgthZ" 
-    title="Fall 2024 Week 2" 
-    frameborder="0" 
-    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-    referrerpolicy="strict-origin-when-cross-origin" 
-    allowfullscreen
-    style={{
-        borderRadius: '16px',
-        border: none,
-        position: absolute,
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: '100%',
-        maxWidth: '100%'
-    }}
->
-</iframe>
+<div class="container">
+    <iframe 
+        src="https://www.youtube-nocookie.com/embed/3MoItq_XC_c?si=eK-OyGjbIhwbgthZ" 
+        title="Fall 2024 Week 2" 
+        frameborder="0" 
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+        referrerpolicy="strict-origin-when-cross-origin" 
+        allowfullscreen
+        class="responsive-iframe"
+        style={{
+            borderRadius: '16px'
+        }}
+    >
+    </iframe>
+</div>
 
 ### 🚩 Agenda
 1. Sign in with attendance code
diff --git a/src/css/custom.css b/src/css/custom.css
index 64b2496be..210de44ba 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -50,6 +50,23 @@
   background-color: grey.800;
 }
 
+.container {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
+}
+
+.responsive-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+}
+
 /* PaperCard Styles */
 .papercard {
   min-height: 350px;