From 77e66b3d86a3be918fbfc5017f37fc4a139bccdc Mon Sep 17 00:00:00 2001
From: Rob Kelly <contact@robkel.ly>
Date: Sun, 21 Dec 2025 01:24:39 -0700
Subject: [PATCH] Removed YouTube embed from carousel due to compatability
 issues.

---
 www/index.html | 72 +++++++++++++++-----------------------------------
 1 file changed, 21 insertions(+), 51 deletions(-)
diff --git a/www/index.html b/www/index.html
index a1e88f9..936d192 100644
--- a/www/index.html
+++ b/www/index.html
@@ -10,8 +10,6 @@
         <link href="style.css" rel="stylesheet">
     </head>
     <body>
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
         <div class="overflow-auto d-flex flex-column dvh-100">
             <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom">
                 <div class="container-fluid">
@@ -44,30 +42,30 @@
                 </div>
             </nav>
             <div class="mt-5"></div>
-            <div id="gameDemoCarousel" class="mt-3 carousel slide" data-bs-ride="carousel" data-bs-interval="8000">
+            <div id="gameDemoCarousel" class="mt-3 carousel slide" data-bs-ride="carousel" data-bs-interval="6000">
                 <div class="carousel-indicators">
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 1"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="1" aria-label="The House Always Wins 2"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="2" aria-label="The House Always Wins 3"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="3" aria-label="Coyote Summer 1"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="4" aria-label="Coyote Summer 2"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="5" aria-label="The Great I Am 1"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="6" aria-label="The Great I Am 2"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="7" aria-label="GFOLF 1"></button>
-                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="8" aria-label="GFOLF 2"></button>
+                    <!-- <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 1"></button> -->
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 2"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="1" aria-label="The House Always Wins 3"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="2" aria-label="Coyote Summer 1"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="3" aria-label="Coyote Summer 2"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="4" aria-label="The Great I Am 1"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="5" aria-label="The Great I Am 2"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="6" aria-label="GFOLF 1"></button>
+                    <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="7" aria-label="GFOLF 2"></button>
                 </div>
                 <div class="carousel-inner">
+                    <!-- <div class="carousel-item active"> -->
+                    <!--     <div class="carousel-fit"> -->
+                    <!--         <div class="ratio ratio-16x9 d-block"> -->
+                    <!--             <iframe src="https://www.youtube.com/embed/XxUMn7iG4YM?si=ER9NUp7lmwWF25rx&enablejsapi=1&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen anonymous></iframe> -->
+                    <!--         </div> -->
+                    <!--     </div> -->
+                    <!--     <div class="carousel-caption d-none d-md-block text-light bg-black mb-3"> -->
+                    <!--         <em><span class="h5">The House Always Wins <a class="fa-brands fa-itch-io" href="https://duncangibbs.itch.io/thaw"></a></span> <span class="fs-6 text-secondary">by Duncan Gibbs</span></em> -->
+                    <!--     </div> -->
+                    <!-- </div> -->
                     <div class="carousel-item active">
-                        <div class="carousel-fit">
-                            <div class="ratio ratio-16x9 d-block">
-                                <iframe src="https://www.youtube.com/embed/XxUMn7iG4YM?si=ER9NUp7lmwWF25rx&enablejsapi=1&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen anonymous></iframe>
-                            </div>
-                        </div>
-                        <div class="carousel-caption d-none d-md-block text-light bg-black mb-3">
-                            <em><span class="h5">The House Always Wins <a class="fa-brands fa-itch-io" href="https://duncangibbs.itch.io/thaw"></a></span> <span class="fs-6 text-secondary">by Duncan Gibbs</span></em>
-                        </div>
-                    </div>
-                    <div class="carousel-item">
                         <div class="carousel-fit">
                             <img src="/images/thaw_1.png" class="d-block">
                         </div>
@@ -178,6 +176,7 @@
             </footer>
         </div>
     </body>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz " crossorigin="anonymous"></script>
     <script>
         document.querySelectorAll('.fading').forEach(el => {
             const words = el.textContent.trim().split(/,/);
@@ -187,33 +186,4 @@
             }
         });
     </script>
-    <script>
-        $(document).ready(function() {
-            $('#gameDemoCarousel').on('slide.bs.carousel', function(event) {
-                players[event.from].pauseVideo();
-            });
-        });
-
-        var tag = document.createElement('script');
-        tag.src = "https://www.youtube.com/iframe_api";
-        var firstScriptTag = document.getElementsByTagName('script')[0];
-        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
-        var players = [];
-        function onYouTubeIframeAPIReady() {
-            var allMovieIframes = document.getElementById("gameDemoCarousel").getElementsByTagName('iframe');
-            for (currentIFrame of allMovieIframes) {
-                players.push(new YT.Player(
-                    currentIFrame.id,
-                    { events: { 'onStateChange': onPlayerStateChange}}
-                ));
-            }
-        }
-        function onPlayerStateChange(event) {
-            if (event.data == YT.PlayerState.PLAYING || event.data == YT.PlayerState.BUFFERING) {
-                $("#gameDemoCarousel").carousel('pause');
-            } else {
-                $("#gameDemoCarousel").carousel();
-            }
-        }
-    </script>
 </html>
