From 07c134b3ec7c2a3813e4c2e1ef420f71fffd3606 Mon Sep 17 00:00:00 2001
From: Xander Lamkins <dade@lamkins.org>
Date: Wed, 18 Sep 2024 17:45:52 -0400
Subject: [PATCH] Added support for Mukluk showcase videos on module pages.

---
 src/pages/module/moduleProfile.jsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/module/moduleProfile.jsx b/src/pages/module/moduleProfile.jsx
index 1bf975b..2e42c02 100644
--- a/src/pages/module/moduleProfile.jsx
+++ b/src/pages/module/moduleProfile.jsx
@@ -165,6 +165,20 @@ export default function ModuleProfile({ namespace, module }) {
                             </center>
                         </div>
                     </div>
+                    { module.MuklukVideo != null &&
+                        <div class="card" style={{ marginTop: "1em" }}>
+                            <header class="card-header">
+                                <p class="card-header-title">
+                                    Mukluk Showcase
+                                </p>
+                            </header>
+                            <div class="card-content" style={{ padding: "0", position: "relative", width: "100%", height: "0", paddingBottom: "56.25%" }}>
+                                <iframe 
+                                style={{ position: "absolute", width: "100%", height: "100%", left: "0", top: "0" }}
+                                width="550" height="275" src={module.MuklukVideo} 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>
+                    }
                     <div class="card" style={{ marginTop: "1em" }}>
                         <header class="card-header">
                             <p class="card-header-title">
@@ -235,4 +249,4 @@ export default function ModuleProfile({ namespace, module }) {
             </div>
         </div>
     );
-}
+}
\ No newline at end of file