major changes to /about/, event reflections, project reflections, video reflectionsHEADmaster

1 files changed, 13 insertions, 1 deletions

diff --git a/pages.py b/pages.py
index cfacd69..80fef67 100644
--- a/pages.py
+++ b/pages.py
@@ -178,7 +178,19 @@ def render_video(video_name: str) -> tuple:
     if "youtube" in metadata["path"]:
         pass
         iframe = BeautifulSoup(f"""
-            <iframe src="{metadata["path"]}" id="iframe-yt" 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="img"></iframe>
+            <div id="iframe-youtube" class="iframe-manual-container">
+            <iframe data-src="{metadata["path"]}" id="iframe-yt" 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="img"></iframe>
+            <div class="iframe-manual-warning">
+            <img class="img" src="{metadata["thumbnail"]}" alt="">
+            <div class="shadow-filter">
+            <div class="iframe-manual-notice">
+            <span class="desktop">The following is an external embed of YouTube. Google may be able to track you and use 3rd party cookies.</span>
+            <span class="mobile">Contains external resources from YouTube.</span>
+            <button class="button button-inline" onclick="iframeLoad('iframe-youtube')">Load External Video</button>
+            </div>
+            </div>
+            </div>
+            </div>
         """, "html.parser")
         soup.select_one("#video-parent").append(iframe)
         soup.select_one("#video").decompose()