add media control stuff :3

html/poketube.ejs

@@ -693,6 +693,16 @@ background-color: #0000;
                 video.on('volumechange', syncVolume);
                 audio.addEventListener('volumechange', syncVolumeWithVideo);
       
+        // Listen for media control events
+        document.addEventListener('play', () => {
+            video.play();
+            audio.play();
+        });
+
+        document.addEventListener('pause', () => {
+            video.pause();
+            audio.pause();
+        }); 
                 document.addEventListener('fullscreenchange', () => {
                     if (!document.fullscreenElement) {
                         video.pause();

html/search.ejs

@@ -516,6 +516,11 @@ function isMathExpression(query) {
 }
 
 function evaluateMathExpression(expression) {
+    // twenyone
+    if (expression.replace(/\s+/g, '') === '9+10') {
+        return '21';
+    }
+
     try {
         return eval(expression);
     } catch (error) {
@@ -648,7 +653,7 @@ function extractQueryFromUpsellMessage(message) {
 </div>
 <% } else if (showUpsell) { %>
 <style>
-.advertisements-upsell-instant-awnsers {
+.upsells-2024-aug-instant-awnsers {
 font-size: 22px;
   margin-bottom: 3em;
   text-decoration: none;
@@ -659,7 +664,7 @@ font-size: 22px;
   font-stretch: extra-expanded;
 }
 </style>
-    <a href="/search?query=<%= encodeURIComponent(extractQueryFromUpsellMessage(randomUpsellMessage)) %>" class="advertisements-upsell-instant-awnsers">
+    <a href="/search?query=<%= encodeURIComponent(extractQueryFromUpsellMessage(randomUpsellMessage)) %>" class="upsells-2024-aug-instant-awnsers">
             <%= randomUpsellMessage %>
     </a>
 <% } %>