V1.0.0 - release and included language

templates/fullscreen.html

@@ -230,7 +230,8 @@
       color: white;
       font-size: 1.1rem;
       opacity: 0.7;
-      z-index: 1;
+      z-index: 2;
+      pointer-events: none;
     }
 
     .stream-loaded .loading {
@@ -392,10 +393,10 @@
   <div class="stream-container" id="streamContainer">
     <div class="loading" id="loadingIndicator">Loading stream...</div>
     <div class="stream-viewport" id="streamViewport">
-      <img 
-        src="{{ stream.url }}" 
-        alt="{{ title }}" 
-        class="fullscreen-stream" 
+      <img
+        src="{{ stream.url }}"
+        alt="{{ title }}"
+        class="fullscreen-stream"
         id="fullscreenStream"
         onerror="handleStreamError()"
         onload="handleStreamLoad()"
@@ -437,11 +438,11 @@
     function handleStreamError() {
       const streamImg = document.getElementById('fullscreenStream');
       const loadingIndicator = document.getElementById('loadingIndicator');
-      
+
       if (retryCount < maxRetries) {
         retryCount++;
         loadingIndicator.textContent = `Retrying... (${retryCount}/${maxRetries})`;
-        
+
         setTimeout(() => {
           streamImg.src = streamImg.src + '?retry=' + Date.now();
         }, 2000);
@@ -763,11 +764,10 @@
     });
 
     function goBack() {
-      // Check if user came from mobile by looking at referrer or user agent
-      const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+      // Check if user came specifically from a mobile page by looking at referrer
       const referrer = document.referrer;
 
-      if (isMobile || referrer.includes('/mobile/')) {
+      if (referrer.includes('/mobile/')) {
         window.location.href = '/mobile/streams';
       } else {
         window.location.href = '/';