From a3725e8070ad48dce129c4db04ffa23daeca067b Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Mon, 9 Feb 2026 12:36:29 -0500
Subject: [PATCH] Add container fullscreen for crossfade, mobile watch layout
 fix, sitemap link on subscribe page

Promote video fullscreen to .watch-video-container so DJ crossfade
transitions remain seamless. Use display:contents on mobile watch-left
so sticky video sticks properly. Add z-index layering for desktop
watch mode scrolling. Add sitemap.xml link to subscribe page feeds.
---
 make_post_sell/GIT_HASH               |  2 +-
 make_post_sell/static/js/watch.js     | 20 ++++++++++++++++++++
 make_post_sell/templates/subscribe.j2 |  2 ++
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/make_post_sell/GIT_HASH b/make_post_sell/GIT_HASH
index f017060..c3fc821 100644
--- a/make_post_sell/GIT_HASH
+++ b/make_post_sell/GIT_HASH
@@ -1 +1 @@
-3ade78d
\ No newline at end of file
+9820268
\ No newline at end of file
diff --git a/make_post_sell/static/js/watch.js b/make_post_sell/static/js/watch.js
index 44f9ac8..0a1ee2c 100644
--- a/make_post_sell/static/js/watch.js
+++ b/make_post_sell/static/js/watch.js
@@ -209,6 +209,26 @@
         standbyMedia = createStandbyMedia(currentMediaType);
     }
 
+    // --- Fullscreen: promote <video> fullscreen to container for seamless crossfade ---
+    // Native video controls fullscreen the <video> element directly. When the crossfade
+    // swaps videos the fullscreened element gets hidden, exiting fullscreen. Promoting
+    // fullscreen to the .watch-video-container keeps both videos inside the fullscreen
+    // element so the transition is invisible.
+    function promoteVideoFullscreen() {
+        var fsEl = document.fullscreenElement || document.webkitFullscreenElement;
+        if (!fsEl) return;
+        if (fsEl !== activeMedia && fsEl !== standbyMedia) return;
+        var container = fsEl.closest('.watch-video-container');
+        if (!container) return;
+        if (container.requestFullscreen) {
+            container.requestFullscreen().catch(function() {});
+        } else if (container.webkitRequestFullscreen) {
+            container.webkitRequestFullscreen();
+        }
+    }
+    document.addEventListener('fullscreenchange', promoteVideoFullscreen);
+    document.addEventListener('webkitfullscreenchange', promoteVideoFullscreen);
+
     // --- Queue management ---
     function saveQueue() {
         try {
diff --git a/make_post_sell/templates/subscribe.j2 b/make_post_sell/templates/subscribe.j2
index d212a94..737476c 100644
--- a/make_post_sell/templates/subscribe.j2
+++ b/make_post_sell/templates/subscribe.j2
@@ -134,6 +134,8 @@
       <a href="/rss.xml" target="_blank" class="shop-theme-link-color">RSS Feed</a>
       &nbsp;|&nbsp;
       <a href="/atom.xml" target="_blank" class="shop-theme-link-color">Atom Feed</a>
+      &nbsp;|&nbsp;
+      <a href="/sitemap.xml" target="_blank" class="shop-theme-link-color">Sitemap</a>
     </p>
   </div>