From 91ebc5c8832cd85112b2f5f370448776142c0454 Mon Sep 17 00:00:00 2001
From: alexspeaker <alex@asvstudios.it>
Date: Fri, 30 Jan 2026 00:08:08 +0100
Subject: [PATCH] vers. 2.1.4

---
 css/style.css      | 39 ++++++++++++++++++++++++++++++++-------
 data/changelog.xml |  8 ++++++++
 static/head.php    | 22 ++++++++++++++++++++++
 3 files changed, 62 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index cfee937..aa55434 100644
--- a/css/style.css
+++ b/css/style.css
@@ -289,12 +289,12 @@ main {
   margin: 0;
 } */
 
-.stationCard.isthematic{
+.stationCard.isthematic {
   text-align: right;
   margin-top: -24px;
 }
 
-.stationCard.isthematic:before{
+.stationCard.isthematic:before {
   content: "Tematica";
   position: relative;
   background: #f7b835;
@@ -308,7 +308,7 @@ main {
   margin: 0;
 }
 
-iframe.contentplayer{
+iframe.contentplayer {
   position: absolute;
   left: 50%;
   height: calc(100vh - 312px);
@@ -317,7 +317,7 @@ iframe.contentplayer{
   transform: translateX(-50%);
 }
 
-.footer_player{
+.footer_player {
   background: #f7b835;
   color: #2a377d;
   position: fixed;
@@ -333,16 +333,16 @@ iframe.contentplayer{
   padding: 20px;
 }
 
-.footer_player > .row > .col-2 > img{
+.footer_player>.row>.col-2>img {
   border-radius: 5px;
 }
 
-button#playPauseBtn{
+button#playPauseBtn {
   background: none;
   border: none;
 }
 
-.footer{
+.footer {
   z-index: 1;
 }
 
@@ -398,3 +398,28 @@ button#playPauseBtn{
 }
 
 
+/* Forza orientamento portrait - nasconde contenuto in landscape */
+@media screen and (orientation: landscape) and (max-height: 450px) {
+  body.appBody::after {
+    content: "Ruota il dispositivo in verticale";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #2a377e;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.2rem;
+    font-weight: 600;
+    z-index: 9999;
+    text-align: center;
+    padding: 20px;
+  }
+
+  body.appBody>* {
+    display: none !important;
+  }
+}
\ No newline at end of file
diff --git a/data/changelog.xml b/data/changelog.xml
index 54ebf02..c517922 100644
--- a/data/changelog.xml
+++ b/data/changelog.xml
@@ -2,6 +2,14 @@
 
 <changelog>
 
+<version>
+        <number>2.1.4</number>
+        <logs>
+            <log>Corretto la visione verticale sui dispositivi mobili</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
     <version>
         <number>2.1.3 (a)</number>
         <logs>
diff --git a/static/head.php b/static/head.php
index eab7f61..34413fe 100644
--- a/static/head.php
+++ b/static/head.php
@@ -32,6 +32,7 @@ header('Referrer-Policy: strict-origin-when-cross-origin');
     <meta name="screen-orientation" content="portrait">
     <meta name="x5-orientation" content="portrait">
     <meta name="x5-fullscreen" content="true">
+    <meta name="apple-mobile-web-app-orientations" content="portrait">
     <meta name="browsermode" content="application">
     <link rel="manifest" href="<?=$base_path?>/manifest.json?v=<?=$version_app?>">
     <link rel="stylesheet" href="<?=$base_path?>/css/bootstrap.css">
@@ -43,6 +44,27 @@ header('Referrer-Policy: strict-origin-when-cross-origin');
     <script>
         // Passa il percorso base a JavaScript
         var BASE_PATH = "<?=$base_path?>";
+        
+        // Forza l'orientamento portrait
+        if (window.screen && window.screen.orientation) {
+            // Tenta di bloccare l'orientamento in portrait
+            window.addEventListener('load', function() {
+                if (screen.orientation && screen.orientation.lock) {
+                    screen.orientation.lock('portrait').catch(function(error) {
+                        console.log('Orientation lock not supported or failed:', error);
+                    });
+                }
+            });
+        }
+        
+        // Fallback per dispositivi che non supportano l'API
+        // Mostra un avviso se l'utente ruota il dispositivo
+        window.addEventListener('orientationchange', function() {
+            if (window.orientation !== 0 && window.orientation !== 180) {
+                // Il dispositivo è in landscape, ma non possiamo forzarlo
+                console.log('Si prega di tenere il dispositivo in posizione verticale');
+            }
+        });
     </script>
 </head>
 <body class="<?php echo $show_app ? 'appBody' : 'desktopBody'; ?>">
\ No newline at end of file