vers. 2.5.1

css/style.css

@@ -210,6 +210,8 @@ main {
   background-color: white;
   flex: 1;
   overflow: auto;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 
 .titlePage {
@@ -250,16 +252,14 @@ main {
 
 .changelogTitle {
   font-weight: 600;
-  padding: 0 13px;
   margin: 0 0 15px;
 }
 
 .changelogList,
 .tec,
 .stationList {
-  padding: 0 13px;
   margin: 0 0 10px;
-  text-align: justify;
+  text-align: left;
   hyphens: auto;
 }
 

data/changelog.xml

@@ -2,6 +2,14 @@
 
 <changelog>
 
+    <version>
+        <number>2.5.1</number>
+        <logs>
+            <log>Migliorata l'usabilità e UX dell'applicazione, inserendo ad ogni pagina il pulsante "Back" (già presente in: player radio, tv e podcast)</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
     <version>
         <number>2.5.0</number>
         <logs>

pages/page/404.php

@@ -1,12 +1,12 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Pagina non trovata</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: relative;background: white;">
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Pagina non trovata</span>
+    </div>
+</div>
 
 <p class="text-center">La pagina che hai provato a cercare non esiste o non è disponibile.</p>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/about.php

@@ -1,10 +1,15 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Come funziona RPIGroup Play?</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white;">
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Come funziona l'app</span>
+    </div>
+</div>
 
-<hr>
+<div class="tec px-4">
-
-<div class="tec">
     <p>RPIGroup Play è l'applicazione che permette di ascoltare le radio e le webtv preferite in un unico luogo.</p>
     <p>Per utilizzare l'applicazione, basta semplicemente entrare nell'applicazione dal link app.rpigroup.it, selezionare la sezione Radio o TV e scegliere la radio o la webtv che desideri ascoltare.</p>
     <br>
@@ -14,8 +19,7 @@
     </p>
     <br>
     <br><br>
-    <h2 class="text-center titlePage">F.A.Q.</h2>
+    <h2 class="text-start titlePage">F.A.Q.</h2>
-    <hr>
     <p>
         <b>Posso scaricarla da Google Play Store e Apple App Store?</b></br>
         Non è possibile al momento scaricare l'applicazione da Google Play Store e Apple App Store.
@@ -29,10 +33,3 @@
         Sì, cliccando sul pulsante "Aggiungi Radio" nella sezione Radio, potrai aggiungere la tua stazione radio preferita compilando il form dedicato.
     </p>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/changelog.php

@@ -1,8 +1,17 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Changelog</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white; z-index: 2;">
-<p class="subtitlePage">Visualizza tutti gli aggiornamenti ricevuti</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
-<p class="text-center mb-4" style="font-size: 0.9rem; font-weight: 300;">Codice dell'app visionabile su <a href="https://git.asv.ovh/asvstudiosapps/rpigroupplay" target="_blank" style="font-weight: 500;">ASV Git</a></p>
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Changelog</span>
+    </div>
+</div>
+
+<div class="px-4">
+
+<p class="text-center" style="font-size: 0.9rem; font-weight: 300;">Codice dell'app visionabile su <a href="https://git.asv.ovh/asvstudiosapps/rpigroupplay" target="_blank" style="font-weight: 500;">ASV Git</a></p>
 
 <?php
 // Verifica che $changelog sia stato caricato correttamente in getStation.inc.php
@@ -30,9 +39,4 @@ if (isset($changelog) && $changelog !== false && isset($changelog->version)) {
 }
 ?>
 
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
+</div>
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/contact.php

@@ -39,17 +39,15 @@
     </div>
 </div> -->
 
-<h1 class="titlePage">Contatti</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white;">
-
+    <div class="left-controls" style="display: flex; align-items: center;">
-<hr>
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
-
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
-<div class="tec">
+        </a>
-    <p>La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!</p>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Contatti</span>
+    </div>
 </div>
 
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
+<div class="tec px-4">
-    <div class="clickBox mt-5 mb-4">
+    <p>La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!</p>
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
+</div>
-        Torna alla Home
-    </div>
-</a>

pages/page/copyright.php

@@ -1,20 +1,17 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Diritti d'Autore</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white;">
-<p class="subtitlePage">Come funziona e chi lo gestisce</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Diritti D'Autore</span>
+    </div>
+</div>
 
-<hr>
+<div class="tec px-4">
-
-<div class="tec">
     <p>RPIGroup è un player audio e video, che aggrega i flussi audio  in streaming di emittenti iscritte all'interno del gruppo RPIGroup.</p>
     <p>I flussi presenti all'interno della seguente app non provvengono direttamente da quest'ultima, ma dal sito web dell'emittente stessa.</p>
     <p>L'applicazione funge come semplice ripetitore audio. Per tanto, i diritti musicali sono a carico dell'emittente presente nell'app, inserendo all'interno della pagina dedicata alle informazioni sulla trasmissione, i numeri licenze dei diritti d'autore e discografici dei brani trasmessi.</p>
     <p>Pertanto, se si ritiene che una delle emittenti non ha le licenze per la diffusione dei brani, invitiamo al segnalante di inoltrare una mail ad <a href="mailto:abuse@asvhosting.com">abuse@asvhosting.com</a> per la rimozione definitiva dell'emittente.</p>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/home.php

@@ -3,7 +3,7 @@
 <h1 class="titlePage">Benvenuto</h1>
 <p class="subtitlePage">nella nuova RPIGroup Play</p>
 
-<div class="row g-2 mb-4">
+<div class="row g-2 mb-4 px-4">
     <div class="col-6">
         <a href="<?php echo $base_path; ?>/radio" data-page="radio" class="linkBox">
             <div class="clickBox Squared">
@@ -72,7 +72,7 @@
 </div> -->
 
 
-<div class="row g-2 mb-4">
+<div class="row g-2 mb-4 px-4">
     <div class="col-12">
         <a href="https://www.co-municare.it" target="_blank" class="">
             <div class="clickBox p-2">
@@ -103,7 +103,7 @@
     </div>
 </div>
 
-<div class="row g-2 mb-4">
+<div class="row g-2 mb-4 px-4">
     <div class="col-12">
         <a href="https://drive.asv.ovh/apps/forms/s/Zfk8cJk3oCz2Y2dHyWdEcgL7" target="_blank" class="linkBox">
             <div class="clickBox p-2">

pages/page/podcast.php

@@ -144,11 +144,16 @@ function formatDateItalian($dateString) {
     }
 </style>
 
-<h1 class="titlePage">Podcast</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;z-index: 1;background: white;">
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Podcast</span>
+    </div>
+</div>
 
-<hr>
+<div class="tec px-4">
-
-<div class="tec">
     <div id="podcast-container" class="podcast-container">
         
         <!-- Podcast List -->
@@ -191,14 +196,5 @@ function formatDateItalian($dateString) {
     </div>
 </div>
 
-<div id="home-navigation">
-    <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-        <div class="clickBox mt-5 mb-4">
-            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-            Torna alla Home
-        </div>
-    </a>
-</div>
-
 
 

pages/page/policyprivacy.php

@@ -1,10 +1,17 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Policy Privacy</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white; z-index: 1;">
-<p class="subtitlePage">Ultimo aggiornamento: 17/11/2025</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Policy Privacy</span>
+    </div>
+</div>
 
-<hr>
+<div class="tec px-4">
-<div class="tec">
+    <p>Ultimo aggiornamento: 17/11/2025</p>
+    <hr>
     <p><b>Titolare del Trattamento</b><br>Il Titolare del trattamento dei dati personali è A.S.V. Studios APPS, con sede legale in Italia, contattabile all’indirizzo e-mail <a href="mailto:pp.app@rpigroup.net">pp.app@rpigroup.net</a>. Per ulteriori informazioni o per esercitare i diritti previsti dalla normativa sulla protezione dei dati personali, è possibile inviare una richiesta scritta all’indirizzo sopra indicato.</p>
     <p>
         <b>Dati Raccolti</b><br>
@@ -51,10 +58,3 @@
     </p>
     <p><b>Modifiche a questa Informativa</b><br>La presente informativa può essere soggetta a modifiche e aggiornamenti. La versione più recente sarà sempre disponibile all’interno del Servizio. Gli utenti saranno informati delle modifiche rilevanti tramite una notifica all’interno del Servizio, così da garantire massima trasparenza e permettere a tutti di essere sempre aggiornati.</p>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/radio.php

@@ -5,12 +5,16 @@
 $stations = loadRadioStations();
 ?>
 
-<h1 class="titlePage">Radio</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white;">
-<p class="subtitlePage">Seleziona la tua radio che vuoi ascoltare</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Radio</span>
+    </div>
+</div>
 
-<hr>
+<div class="stationList px-4">
-
-<div class="stationList">
     <div class="row g-2">
         <?php foreach ($stations as $station): ?>
         <div class="col-6">
@@ -23,10 +27,3 @@ $stations = loadRadioStations();
         <?php endforeach; ?>
     </div>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/terminicondizioni.php

@@ -1,11 +1,17 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 
-<h1 class="titlePage">Termini & Condizioni</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white; z-index: 1;">
-<p class="subtitlePage">Ultimo aggiornamento: 17/11/2025</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">Termini e Condizioni</span>
+    </div>
+</div>
 
-<hr>
+<div class="tec px-4">
-
+    <p>Ultimo aggiornamento: 17/11/2025</p>
-<div class="tec">
+    <hr>
     <p><b>Introduzione</b><br> RPIGroup Play vi dà il benvenuto. I presenti Termini e Condizioni (di seguito “T&amp;C”) regolamentano l’accesso e l’uso dell’applicazione “RPIGroup Play” (di seguito “Portale”, “Servizio”, “Applicazione” e “Sito”) e tutti i servizi correlati. Accedendo e utilizzando il Portale, l’utente (di seguito “Utente”) accetta i presenti T&amp;C al primo accesso, condizione necessaria per poter utilizzare il Servizio. L’utente potrà in qualsiasi momento declinare i seguenti T&amp;C, sapendo che non potrà più accedere all’Applicazione offerta.</p>
     <p><b>Titolarità e Gestione</b><br>RPIGroup Play è fornito da A.S.V. Studios APPS (di seguito “Gestore”, anche indicato come “Proprietario” e “Sviluppatore”), unico titolare del presente Servizio.</p>
     <p><b>Descrizione del Servizio</b><br>L’Applicazione consente di ascoltare in streaming le emittenti iscritte all'interno del gruppo RPIGroup, sia in formato audio e video (ove previsto).</p>
@@ -29,10 +35,3 @@
     <p><b>Leggi Applicabile e Foro di Competente</b><br>Questi Termini e Condizioni sono regolati dalla legge italiana. In caso di controversie riguardanti l’interpretazione o l’applicazione dei Termini e Condizioni, la competenza sarà attribuita esclusivamente al Tribunale di Milano, salvo diversa indicazione prevista dalla legge per l’Utente, come nei casi in cui la normativa vigente, ad esempio il Codice del Consumo, preveda il foro di residenza o domicilio del consumatore.</p>
     <p><b>Accettazione dei Termini e Condizioni</b><br>L'Utente accetta automaticamente i seguenti termini e condizioni tramite l'accesso all'interno dell'Applicazione.</p>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>

pages/page/tv.php

@@ -5,12 +5,16 @@
 $stations = loadTvStations();
 ?>
 
-<h1 class="titlePage">TV</h1>
+<div class="radio-header" style="padding: 20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;position: sticky;top: 0px;background: white;">
-<p class="subtitlePage">Seleziona la webtv che vuoi guardare</p>
+    <div class="left-controls" style="display: flex; align-items: center;">
+        <a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox" style="color: #333; display: flex; align-items: center; text-decoration: none;">
+            <span class="material-icons" style="font-size: 28px;">arrow_back</span>
+        </a>
+        <span style="font-size: 18px; font-weight: 600; color: #333; margin-left: 15px;">TV</span>
+    </div>
+</div>
 
-<hr>
+<div class="stationList px-4">
-
-<div class="stationList">
     <div class="row g-2">
         <?php foreach ($stations as $station): ?>
         <div class="col-6">
@@ -23,10 +27,3 @@ $stations = loadTvStations();
         <?php endforeach; ?>
     </div>
 </div>
-
-<a href="<?php echo $base_path; ?>/home" data-page="home" class="linkBox mt-3">
-    <div class="clickBox mt-5 mb-4">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12l4-4m-4 4 4 4"/></svg>
-        Torna alla Home
-    </div>
-</a>