From 152756ce5b04c022025003c915066b55b31dfb09 Mon Sep 17 00:00:00 2001
From: Ashley //// <iamashley@duck.com>
Date: Wed, 28 Feb 2024 11:56:40 +0000
Subject: [PATCH] add topic mode

Signed-off-by: Ashley //// <iamashley@duck.com>
---
 html/poketube.ejs | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 74b299e4..443fab99 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -589,7 +589,41 @@ background-color: #0000;
     top: 0;
 }
 </style>
-                               <% if(shortsui) { %>
+         <% if(shortsui) { %>
+                                                       <script>
+        // Function to apply styles after DOM has loaded
+        function applyStyles() {
+            const styles = `
+                .player {
+                    width: fit-content;
+                    margin-left: auto;
+                    margin-right: auto;
+                    height: fit-content;
+                }
+
+                .video-player-container {
+                    max-width: fit-content;
+                    min-width: fit-content;
+                    margin-left: auto;
+                    margin-right: auto;
+                    aspect-ratio: var(--ptd-watch-width-ratio) / var(--ptd-watch-height-ratio);
+                }
+            `;
+
+            // Create a style element and set its content
+            const styleElement = document.createElement('style');
+            styleElement.innerHTML = styles;
+
+            // Append the style element to the document head
+            document.head.appendChild(styleElement);
+        }
+
+        // Event listener to call applyStyles after DOM has loaded
+        window.onload = applyStyles;
+                                 </script>
+                                                    <% } %>
+
+            <% if (inv_vid.author.endsWith(' - Topic')) { %> 
                                                        <script>
         // Function to apply styles after DOM has loaded
         function applyStyles() {
@@ -622,7 +656,6 @@ background-color: #0000;
         window.onload = applyStyles;
                                  </script>
                                                     <% } %>
-                                
              <% if(dm) { %>