Primo Commit

config/ajaxModule.inc.php

@@ -0,0 +1,67 @@
+<?php
+
+// Verifica se è una richiesta AJAX
+$is_ajax = !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
+
+// Se è una richiesta AJAX, carica solo il contenuto della pagina
+if ($is_ajax) {
+    switch ($page) {
+        case 'home':
+            include './pages/page/home.php';
+            break;
+        case 'radio':
+            include './pages/page/radio.php';
+            break;
+        case 'tv':
+            include './pages/page/tv.php';
+            break;
+        case 'play':
+            $stationId = (int)$param;
+            $station = getRadioStation($stationId);
+            if ($station !== null) {
+                include './pages/page/player.php';
+            } else {
+                include './pages/page/404.php';
+            }
+            break;
+        case 'playtv':
+            $stationId = (int)$param;
+            $station = getTVStation($stationId);
+            if ($station !== null) {
+                include './pages/page/player_tv.php';
+            } else {
+                include './pages/page/404.php';
+            }
+            break;
+        case 'page':
+            switch ($param) {
+                case 'about':
+                    include './pages/page/about.php';
+                    break;
+                case 'contact':
+                    include './pages/page/contact.php';
+                    break;
+                case 'copyright':
+                    include './pages/page/copyright.php';
+                    break;
+                case 'addradio':
+                    include './pages/page/addradio.php';
+                    break;
+                case 'termini-condizioni':
+                    include './pages/page/terminicondizioni.php';
+                    break;
+                case 'policy-privacy':
+                    include './pages/page/policyprivacy.php';
+                    break;
+                case 'changelog':
+                    include './pages/page/changelog.php';
+                    break;
+                default:
+                    include './pages/page/404.php';
+            }
+            break;
+        default:
+            include './pages/page/404.php';
+    }
+    exit; // Termina l'esecuzione per le richieste AJAX
+}

config/config.php

@@ -0,0 +1,26 @@
+<?php
+
+// Information App
+$title_site = "RPIGroup Play";
+$description_site = "Ascolta le radio del gruppo RPIGroup";
+$logo_site = "./img/logoapp.png";
+
+include_once './config/getBasePath.inc.php';
+include_once './config/getStation.inc.php';
+include_once './config/getPage.inc.php';
+
+// Controllo se l'utente è su mobile o desktop
+$is_mobile = isMobile();
+
+// Se l'utente è su mobile, mostra l'app direttamente
+// Se è su desktop, mostra prima la pagina con il pulsante "Apri l'app"
+$show_app = $is_mobile || (isset($_GET['app']) && $_GET['app'] == 'true');
+
+if ($show_app && isset($_GET['redirect']) && !empty($_GET['redirect'])) {
+    $redirect_parts = explode('/', $_GET['redirect']);
+    $page = isset($redirect_parts[0]) ? $redirect_parts[0] : 'home';
+    $param = isset($redirect_parts[1]) ? $redirect_parts[1] : '';
+}
+
+// Include AJAX module DOPO aver definito le variabili
+include_once './config/ajaxModule.inc.php';

config/getBasePath.inc.php

@@ -0,0 +1,7 @@
+<?php
+
+// Determina il percorso base dell'applicazione
+$script_name = $_SERVER['SCRIPT_NAME'];
+$script_path = dirname($script_name);
+$base_path = rtrim($script_path, '/');
+$base_url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$base_path";

config/getPage.inc.php

@@ -0,0 +1,31 @@
+<?php
+
+// Rileva se l'utente sta usando un dispositivo mobile
+function isMobile() {
+    return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"]);
+}
+
+// Recupera l'URL richiesto
+$request_uri = $_SERVER['REQUEST_URI'];
+$path = substr(urldecode($request_uri), strlen($base_path));
+$path = parse_url($path, PHP_URL_PATH);
+$path = trim($path, '/');
+
+// Rimuovi parametri GET dall'URL se presenti
+if (strpos($path, '?') !== false) {
+    $path = substr($path, 0, strpos($path, '?'));
+}
+
+$path_parts = explode('/', $path);
+
+// Rimuovi index.php dall'URL se presente
+if (isset($path_parts[0]) && $path_parts[0] == 'index.php') {
+    array_shift($path_parts);
+}
+
+// Determina la pagina da mostrare in base all'URL
+$page = isset($path_parts[0]) && !empty($path_parts[0]) ? $path_parts[0] : 'home';
+$param = isset($path_parts[1]) && !empty($path_parts[1]) ? $path_parts[1] : '';
+
+// Debug (rimuovi in produzione)
+ error_log("Page: $page, Param: $param, Path: $path");

config/getStation.inc.php

@@ -0,0 +1,54 @@
+<?php
+
+// Funzione per caricare il file XML delle radio
+function loadRadioStations() {
+    $xml = simplexml_load_file('./data/radio.xml');
+    if ($xml === false) {
+        error_log("Errore nel caricamento del file XML: data/radio.xml");
+        return [];
+    }
+    return $xml->station;
+}
+
+// Funzione per ottenere una singola stazione radio
+function getRadioStation($id) {
+    $xml = simplexml_load_file('./data/radio.xml');
+    if ($xml === false) {
+        error_log("Errore nel caricamento del file XML: data/radio.xml");
+        return null;
+    }
+    foreach ($xml->station as $station) {
+        if ((int)$station->id === $id) {
+            return $station;
+        }
+    }
+    return null;
+}
+
+// Funzione per caricare il file XML delle TV
+function loadTVStations() {
+    $xml = simplexml_load_file('./data/tv.xml');
+    if ($xml === false) {
+        error_log("Errore nel caricamento del file XML: data/tv.xml");
+        return [];
+    }
+    return $xml->station;
+}
+
+// Funzione per ottenere una singola stazione TV
+function getTVStation($id) {
+    $xml = simplexml_load_file('./data/tv.xml');
+    if ($xml === false) {
+        error_log("Errore nel caricamento del file XML: data/tv.xml");
+        return null;
+    }
+    foreach ($xml->station as $station) {
+        if ((int)$station->id === $id) {
+            return $station;
+        }
+    }
+    return null;
+}
+
+$changelog = simplexml_load_file("./data/changelog.xml") or die("Errore: Impossibile accedere al file CHANGELOG");
+$version_app = $changelog->version->number[0];

css/animation.css

@@ -0,0 +1,260 @@
+/* ========================================
+   TRANSIZIONI E ANIMAZIONI
+   ======================================== */
+
+
+/* Transizione per i link di navigazione */
+.navLink,
+.nav-link,
+.station-link,
+.linkBox {
+    transition: all 0.3s ease;
+    position: relative;
+}
+
+/* Effetto hover sui link */
+.navLink:hover,
+.nav-link:hover,
+.station-link:hover,
+.linkBox:hover {
+    transform: translateY(-2px);
+    opacity: 0.8;
+}
+
+/* Effetto attivo sui link di navigazione del menu */
+
+
+@keyframes pulseActive {
+    0%, 100% {
+        opacity: 1;
+        transform: translateX(-50%) scale(1);
+    }
+    50% {
+        opacity: 0.6;
+        transform: translateX(-50%) scale(1.2);
+    }
+}
+
+/* Effetto click/tap */
+.navLink:active,
+.nav-link:active,
+.station-link:active,
+.linkBox:active {
+    transform: scale(0.98);
+    transition: transform 0.1s ease;
+}
+
+/* Transizione per le card delle stazioni */
+.station-card {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.station-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+/* Transizione per i clickBox della home */
+.clickBox {
+    transition: all 0.3s ease;
+}
+
+.clickBox:hover {
+    transform: scale(1.05);
+    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
+}
+
+.clickBox:active {
+    transform: scale(0.98);
+}
+
+/* Spinner di caricamento */
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 200px;
+    opacity: 0;
+    animation: fadeIn 0.3s ease-in forwards;
+}
+
+@keyframes fadeIn {
+    to {
+        opacity: 1;
+    }
+}
+
+.spinner {
+    width: 50px;
+    height: 50px;
+    border: 4px solid rgba(255, 255, 255, 0.3);
+    border-top-color: #fff;
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* Transizione per elementi che appaiono */
+.content-page,
+.station-list,
+.player-container {
+    animation: fadeInContent 0.5s ease-out;
+}
+
+@keyframes fadeInContent {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+/* Transizione per le immagini */
+.station-logo,
+.station-logo-large {
+    transition: transform 0.3s ease, filter 0.3s ease;
+}
+
+.station-logo:hover,
+.station-logo-large:hover {
+    transform: scale(1.05);
+    filter: brightness(1.1);
+}
+
+/* Transizione per i pulsanti */
+button,
+.submit-btn,
+.play-pause-btn {
+    transition: all 0.3s ease;
+}
+
+button:hover,
+.submit-btn:hover,
+.play-pause-btn:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+
+button:active,
+.submit-btn:active,
+.play-pause-btn:active {
+    transform: scale(0.95);
+}
+
+/* Transizione smooth per tutti gli elementi interattivi */
+a, button, input, textarea, select {
+    transition: all 0.2s ease;
+}
+
+/* RIMOSSO: underline animato per il menu */
+/* Non ci sono più after pseudo-elementi per le underline */
+
+/* Transizione per il back-link */
+.back-link a {
+    transition: all 0.3s ease;
+    display: inline-block;
+}
+
+.back-link a:hover {
+    transform: translateX(-5px);
+    color: #4a90e2;
+}
+
+/* Animazione per le liste */
+.stations-container {
+    display: grid;
+    gap: 1rem;
+}
+
+.station-card {
+    animation: fadeInScale 0.4s ease-out backwards;
+}
+
+.station-card:nth-child(1) { animation-delay: 0.05s; }
+.station-card:nth-child(2) { animation-delay: 0.1s; }
+.station-card:nth-child(3) { animation-delay: 0.15s; }
+.station-card:nth-child(4) { animation-delay: 0.2s; }
+.station-card:nth-child(5) { animation-delay: 0.25s; }
+
+@keyframes fadeInScale {
+    from {
+        opacity: 0;
+        transform: scale(0.95);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+/* Transizione per i form */
+.form-group input,
+.form-group textarea,
+.form-group select {
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+.form-group input:focus,
+.form-group textarea:focus,
+.form-group select:focus {
+    border-color: #4a90e2;
+    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
+}
+
+/* Animazione per i messaggi di risposta */
+.form-response {
+    animation: slideInDown 0.4s ease-out;
+}
+
+@keyframes slideInDown {
+    from {
+        opacity: 0;
+        transform: translateY(-20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Transizione per video e iframe */
+video,
+iframe {
+    transition: opacity 0.3s ease;
+}
+
+video:hover,
+iframe:hover {
+    opacity: 0.95;
+}
+
+/* Performance optimization */
+* {
+    -webkit-tap-highlight-color: transparent;
+}
+
+/* Smooth scrolling */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Riduzione movimento per chi ha impostato preferenze di accessibilità */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+    }
+    
+    .navLink.active::before {
+        animation: none !important;
+    }
+}

css/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

css/style.css

@@ -0,0 +1,400 @@
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  src: url('fonts/Poppins-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+body {
+  font-family: 'Poppins', sans-serif !important;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  user-select: none;
+}
+
+html,
+body {
+  overscroll-behavior: none;
+}
+
+body {
+  font-family: "Poppins", sans-serif;
+  height: 100vh;
+  overflow: hidden;
+}
+
+
+
+/* DESKTOP SECTION */
+body.desktopBody {
+  background: #2a377e;
+  color: white;
+}
+
+div.dbox,
+div.dbox_mobile {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: #4358ca8f;
+  padding: 25px;
+  border-radius: 50px;
+  text-align: center;
+  width: 500px;
+}
+
+div.dbox_mobile {
+  width: 90%;
+  max-width: 450px;
+  color: white;
+  border-radius: 10px;
+  max-height: 475px;
+  overflow: auto;
+}
+
+div.dbox>h1.title,
+div.dbox_mobile>h1.title {
+  margin-bottom: 0px;
+}
+
+div.dbox>hr,
+div.dbox_mobile>hr {
+  margin: 2rem 0;
+}
+
+div.dbox>.dbtn,
+div.dbox_mobile>.dbtn {
+  border: none;
+  border-radius: 50px;
+  padding: 10px 20px;
+  background: #f0f0f0;
+  color: black;
+  text-decoration: none;
+  font-weight: 600;
+  -webkit-appearance: button;
+}
+
+div.dbox>.dbtn:hover {
+  background: #e0e0e0;
+  cursor: pointer;
+}
+
+div.dfooter {
+  position: fixed;
+  bottom: 15px;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+  color: #ffffff90;
+  font-size: 13px;
+  width: 100%;
+}
+
+
+
+/* MOBILE SECTION */
+
+.appBody {
+  background-color: #10194b;
+  max-width: 450px;
+  min-width: 330px;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.header>.logo-section,
+.header>.menu-section {
+  text-align: center;
+}
+
+.header>.logo-section,
+.footer>.copyright-section {
+  background-color: #2a377e;
+  padding: 15px 0;
+}
+
+.header>.menu-section {
+  background-color: #3849a8;
+  padding: 13px 0;
+}
+
+.header>.logo-section>img {
+  width: 250px;
+}
+
+.header>.menu-section>.navLink {
+  color: white;
+  text-decoration: none;
+  margin: 0 15px;
+}
+
+.header>.menu-section>.navLink.active {
+  color: #2a377e;
+  margin: 0;
+  padding: 3px 15px;
+  background: white;
+  border-radius: 50px;
+  font-weight: 500;
+}
+
+main {
+  background-color: white;
+  flex: 1;
+  overflow: auto;
+}
+
+.titlePage {
+  text-align: center;
+  font-weight: 600;
+  margin: 15px 0 20px;
+}
+
+.subtitlePage {
+  text-align: center;
+  font-weight: 500;
+  margin: -15px 0 20px;
+}
+
+.linkBox {
+  text-decoration: none;
+  color: black;
+}
+
+.clickBox {
+  width: 100%;
+  border: 2px solid #2a377e;
+  text-align: center;
+  border-radius: 20px;
+  font-weight: 500;
+  /* margin-bottom: 10px; */
+  padding: 4px;
+}
+
+.clickBox.Squared {
+  font-weight: 600;
+  border: solid 4px #2a377e;
+}
+
+.clickBox>img {
+  width: 80%;
+}
+
+.changelogTitle {
+  font-weight: 600;
+  padding: 0 13px;
+  margin: 0 0 15px;
+}
+
+.changelogList,
+.tec,
+.stationList {
+  padding: 0 13px;
+  margin: 0 0 7px;
+  text-align: justify;
+  hyphens: auto;
+}
+
+.stationList {
+  text-align: center;
+}
+
+.stationCard>a.stationLink {
+  padding: 0;
+}
+
+.stationCard>a.stationLink>img {
+  width: 100%;
+  border-radius: 20px;
+}
+
+/* .stationCard>.thematicBadge {
+  position: relative;
+  background: #f7b835;
+  padding: 1px 5px;
+  font-size: 0.8rem;
+  border-radius: 27px;
+  font-style: italic;
+  font-weight: 600;
+  top: 31px;
+  left: 35px;
+  margin: 0;
+} */
+
+.stationCard.isthematic{
+  text-align: right;
+  margin-top: -24px;
+}
+
+.stationCard.isthematic:before{
+  content: "Tematica";
+  position: relative;
+  background: #f7b835;
+  padding: 1px 5px;
+  font-size: 0.8rem;
+  border-radius: 27px;
+  font-style: italic;
+  font-weight: 600;
+  top: 30px;
+  right: 7px;
+  margin: 0;
+}
+
+iframe.contentplayer{
+  position: absolute;
+  left: 50%;
+  height: calc(100vh - 312px);
+  width: 100%;
+  max-width: 450px;
+  transform: translateX(-50%);
+}
+
+.footer_player{
+  background: #f7b835;
+  color: #2a377d;
+  position: fixed;
+  z-index: 90;
+  bottom: 70px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+  max-width: 450px;
+  height: 100px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  padding: 20px;
+}
+
+.footer_player > .row > .col-2 > img{
+  border-radius: 5px;
+}
+
+button#playPauseBtn{
+  background: none;
+  border: none;
+}
+
+.footer{
+  z-index: 1;
+}
+
+.footer>.menu-section {
+  background: #3849a8;
+  font-size: 0.7rem;
+  padding: 7px 0;
+  text-align: center;
+}
+
+.footer>.menu-section>a {
+  color: white;
+  text-decoration: none;
+  margin: 0 5px;
+}
+
+.footer>.copyright-section {
+  color: white;
+  font-size: 0.8rem;
+  text-align: center;
+  padding: 10px;
+  font-weight: 500;
+}
+
+@media (max-width: 450px) {
+  .appBody {
+    background-color: #2a377e;
+  }
+}
+
+
+/* Loading spinner */
+.loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 200px;
+}
+
+.spinner {
+  width: 40px;
+  height: 40px;
+  border: 4px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top-color: #3498db;
+  animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+

data/changelog.xml

@@ -0,0 +1,301 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<changelog>
+
+    <version>
+        <number>2.0.4</number>
+        <logs>
+            <log>Blocco rotazione: è stato risolto il problema della rotazione schermo dell'applicazione. Ora rimane fissa in verticale.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>2.0.3</number>
+        <logs>
+            <log>Corretta la visualizzazione dei contenuti forniti dalle emittenti all'interno del player</log>
+            <log>Corretta la visualizzazione del player audio</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>2.0.2</number>
+        <logs>
+            <log>Inserita la pagina statica per le emittenti tematiche</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>2.0.1</number>
+        <logs>
+            <log>Aggiunta la Visual Radio dell'emittente "Radio Città 105</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>2.0.0</number>
+        <logs>
+            <log>Nuova UI/UX: RPIGroup aggiorna la veste grafica della sua applicazione, rendendola più "fumettosa" e "giocattolosa". Un'estetica completamente diversa da tutte le altre varie app radiofoniche</log>
+            <log>Nuova Engine: Nuovo motore e struttura dell'applicazione. Lato backend è cambiato completamente rispetto alla versione 1.</log>
+            <log>Nuovo Player Audio/Video: Player più semplice, ma conserva le caratteristiche della precedente versione.</log>
+            <log>Termini e Condizioni: inserimento per obblighi di legge dei corrispettivi "Termini e Condizioni"</log>
+            <log>Policy Privacy: inserimento per obblighi di legge dei corrispettivi "Policy Privacy"</log>
+            <log>Dalla versione 2 e successive, è stata rimossa la dicitura "stable" in quanto non esistono più varie versioni dell'applicazione.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>1.2.1 Stable</number>
+        <logs>
+            <log>Aggiunta la pagina sul chiarimento dei "Diritti d'Autore".</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>1.2.0 Stable</number>
+        <logs>
+            <log>Implementato il "Media Sessions" che permette di visualizzare la radio in riproduzione nel centro notifiche su iOS e Android</log>
+            <log>Preparazione dell'ottimizzazione del software in occasione della terza versione dell'app.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>1.1.1 Stable</number>
+        <logs>
+            <log>Correzione bug che impediva il caricamento del logo nell'icona dell'app sui smartphone.</log>
+            <log>Risolto il problema dell'overscrolling su smartphone.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>1.1.0 Stable</number>
+        <logs>
+            <log>Aggiunta la nuova stazione radio tematica "RDL Revival 70-80-90"</log>
+            <log>Migliorata la visualizzazione del selettore radio della pagina home</log>
+            <log>Implementato nel player la visualizzazione della pagina statica per le radio tematiche</log>
+            <log>Correzione e bugfix di problematiche varie causate dall'ultima versione "Beta".</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>1.0.0 Stable</number>
+        <logs>
+            <log>Passaggio alla versione "Stable" dell'applicazione</log>
+            <log>Verifica di ulteriori correzioni dal passaggio della versione stabile</log>
+            <log>Leggerimento dell'applicazione a livello backend</log>
+            <log>Ulteriori analisi di stabilità dal momento del passaggio alla versione stabile</log>
+            <log>Correzione e bugfix di problematiche varie causate dall'ultima versione "Beta".</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.24.0 Beta</number>
+        <logs>
+            <log>Aggiormaneto player audio - Riproduzione dei flussi audio in HLS per il bitrate adattivo. Le radio iscritte devono supportare il protocollo HLS.</log>
+            <log>Supporto all'interscambio della connessione - Al cambiare di tipologia (Wifi o Rete Cellulare), il flusso audio non si interrompe.</log>
+            <log>Preparazione del codice alla versione "1.0.0 Stable"</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.23.3 Beta</number>
+        <logs>
+            <log>Inserimento del nuovo flusso video per il canale "RC105 TV".</log>
+            <log>Aggiornamento player video - Inserita l'anteprima del flusso video</log>
+            <log>Correzione accesso al player video con l'inserimento automatico dell'anteprima e flusso video del canale selezionato</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.23.2 Beta</number>
+        <logs>
+            <log>Inizializzazione cambio interfaccia e modernamento.</log>
+            <log>Reinserimento della schermata di caricamento nel player.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.23.1 Beta</number>
+        <logs>
+            <log>Rimozione del logo al caricamento di ogni singola pagina (tranne all'avvio dell'app)</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.23.0 Beta</number>
+        <logs>
+            <log>Rilasciato il nuovo player video</log>
+            <log>Inserimento dell'emittente RC105TV nella lista delle WebTV</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.22.4 Beta</number>
+        <logs>
+            <log>Correzione errori minimi nel sistema</log>
+            <log>Aggiunta indicatore della versione app nella schermata desktop</log>
+            <log>Preparazione player video - Correzioni minimi player e aggiunta di pagine mancanti</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.22.3 Beta</number>
+            <logs>
+            <log>Migliorati i tempi di caricamento dei player</log>
+            <log>Aggiunta nuovi file di Configurazione</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.22.2 Beta</number>
+        <logs>
+            <log>Corretto la visualizzazione del player da desktop.</log>
+            <log>Corretto la visualizzazione del font scelto per la webapp "Rubik".</log>
+            <log>Varie ottimizzazioni per la valutazione finale di Google Page Speed.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.22.1 Beta</number>
+        <logs>
+            <log>Corretto il bug del logo all'interno dell'homepage</log>
+            <log>Corretto la riproduzione audio dell'emittente Radio Città 105</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.22.0 Beta</number>
+        <logs>
+            <log>Cambiata la struttura interna dell'app, con unificazione della visualizzazione mobile con quella desktop.</log>
+            <log>Cambiata la configurazione dell'app. Ottimizzata per ridurre i tempi di attesa e output della pagina.</log>
+            <log>Le emittenti registrate sono inserite all'interno di un file XML apposito.</log>
+            <log>Aggiornato il player interattivo. Ora disponibile di default per tutte le emittenti.</log>
+            <log>Ottimizzata la homescreen con correzioni di vari bug.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.21.0 Beta</number>
+        <logs>
+            <log>Realizzazione del nuovo player interattivo. Disponibile per smartphone e desktop (Al momento, è disponibile solo per l'emittente RDL).</log>
+            <log>Disattivato il precedente player mobile. Verrà riattivato esclusivamente per "emittenti" sprovviste di pagine dinamiche.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.20.0 Beta</number>
+        <logs>
+            <log>L'app entra ufficialmente nello stato di Beta-testing.</log>
+            <log>Cambiata la modalità di indicazione della versione, non più basata sulla data di aggiornamento, ma sul numero di update dell'app.</log>
+            <log>Avviata ufficialmente la "Roadmap" sulla Versione 1.0.0 (indicata a fine pagina CHANGELOG).</log>
+            <log>Aggiunto script per iOS e iPadOS sul rilevamento uso browser/app.</log>
+            <log>Correzione e bugfix script rilevamento app Android.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.12.6 Alpha (Last Release)</number>
+        <logs>
+            <log>Aggiornata la lista emittenti nel menu in alto sinistra.</log>
+            <log>Aggiornate le pagine "Cosa è RPIGRPUP PLAY", "COME FUNZIONA L'APP" e "HAI BISOGNO DI AIUTO".</log>
+            <log>Corretto bug inizializzazione app per iOS e iPadOS.</log>
+            <log>Aggiunto script di controllo gestione app per iOS e iPadOS.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.12.5 Aplha</number>
+        <logs>
+            <log>Realizzazione file XML per il Changelog.</log>
+            <log>Aggiunto pulsante per la visualizzazione del Changelog.</log>
+            <log>Correzione pagina About per la visualizzazione del Changelog.</log>
+            <log>Correzione visualizzazione del Home Page.</log>
+            <log>Reso automatico il cambio di versione dell'app in base all'ultima versione disponibile e dichiarata all'intero del Changelog.</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.12.2 Alpha</number>
+        <logs>
+            <log>Corretto il problema del caricamento del "Player Mobile" su iOS e derivati.</log>
+            <log>Corretto e aggiunto nuovi script del "Player Mobile"</log>
+            <log>Aggiornato slogan dell'emittente "RDL XMAS"</log>
+            <log>Aggiunto il Changelog</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.11.30 Alpha</number>
+        <logs>
+            <log>Corretto la visualizzazione del "Player Mobile"</log>
+            <log>Aggiornata la lista emittenti nel menu in alto sinistra</log>
+            <log>Rimosse momentaneamente le WebTV nel menu in alto sinistra</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.11.29 Alpha</number>
+        <logs>
+            <log>Aggiunta nuova emittente "RDL XMAS"</log>
+            <log>Corretta la visualizzazione del "PLAYER DESKTOP"</log>
+            <log>Corretta la visualizzazione della lista emittenti in "Home Desktop" e "Home Mobile"</log>
+            <log>Abilitato il "Player Mobile" anche in ambiente Desktop</log>
+            <log>Aggiornato script che impedisce il refresh della pagina da Mobile</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.9.26 Alpha</number>
+        <logs>
+            <log>Cambiata l'URL del flusso audio di RDL e RC105</log>
+            <log>Correzione e bugfix all'interno dello stile dell'app</log>
+            <log>Correzione e bugfix all'interno dei metatag</log>
+            <log>Aggiunto script di disabilitazione pulsante F5 da tastiera</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.9.24 Alpha</number>
+        <logs>
+            <log>Correzione e bugfix player video</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.9.23 Alpha</number>
+        <logs>
+            <log>Aggiunto player video</log>
+            <log>Aggiunto collegamenti dei canali video delle emittenti</log>
+            <log>Aggiunto in configurazione gli URL dei canali video delle emittenti</log>
+        </logs>
+    </version>
+
+    <version>
+        <number>0.7.31 Alpha</number>
+        <logs>
+            <log>Correzione e bugfix all'interno della configurazione dell'app</log>
+            <log>Rimozione dello script per lo "scroll to update page" da smartphone</log>
+            <log>Aggiunti i metodi di contatto in About</log>
+        </logs>
+    </version>
+
+</changelog>

data/radio.xml

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<radio>
+
+  <station>
+    <id>1</id>
+    <name>RDL Radio Diffusione Libera</name>
+    <slogan>O Sei Fuori, O Sei Dei Nostri</slogan>
+    <thematic>false</thematic>
+    <logo>https://i0.wp.com/www.radiodiffusionelibera.com/wp-content/uploads/2017/01/RDL-Facebook.png</logo>
+    <stream>https://asvradiostream.asvstudios.it/radio/8000/radio.mp3</stream>
+    <streamhls>https://srvone.radio.asvhosting.com/hls/rdlradio/live.m3u8</streamhls>
+    <contentplayer>https://www.radiodiffusionelibera.com/contentrpigplay</contentplayer>
+  </station>
+
+  <station>
+    <id>2</id>
+    <name>Radio Città 105</name>
+    <slogan>La Radio Della Tua Città</slogan>
+    <thematic>false</thematic>
+    <logo>https://www.radiocitta105.it/wp-content/uploads/2020/06/26168468_1590103344416186_7025872599153073152_n-1.png</logo>
+    <stream>https://asvradiostream.asvstudios.it/radio/8020/auto.aac</stream>
+    <streamhls>https://srvone.radio.asvhosting.com/hls/radiocitta105/live.m3u8</streamhls>
+    <contentplayer>https://www.radiocitta105.it/contentrpigplay</contentplayer>
+  </station>
+
+  <station>
+    <id>3</id>
+    <name>RadioAI</name>
+    <slogan>Solo musica AI - Powered by RDL </slogan>
+    <thematic>true</thematic>
+    <logo>https://srvone.radio.asvhosting.com/static/uploads/radioai/album_art.1763568756.png</logo>
+    <stream>https://srvone.radio.asvhosting.com/listen/radioai/radio.mp3</stream>
+    <streamhls>https://srvone.radio.asvhosting.com/hls/radioai/live.m3u8</streamhls>
+    <contentplayer></contentplayer>
+  </station>
+  
+  <station>
+    <id>4</id>
+    <name>RC105 Christmas - Eboli</name>
+    <slogan>La musica di Natale, in giro per Eboli</slogan>
+    <thematic>true</thematic>
+    <logo>https://www.radiocitta105.it/wp-content/uploads/2020/06/christmaseboli.png</logo>
+    <stream>https://srvone.radio.asvhosting.com/listen/rc105_christmas/radio.aac</stream>
+    <streamhls>https://srvone.radio.asvhosting.com/hls/rc105_christmas/live.m3u8</streamhls>
+    <contentplayer></contentplayer>
+  </station>
+
+  <station>
+    <id>5</id>
+    <name>Radio People Italy</name>
+    <slogan>La radio della Gente</slogan>
+    <thematic>false</thematic>
+    <logo>https://www.rpigroup.it/wp-content/uploads/2020/06/radiopeopleitaly_logo_squared-1.png</logo>
+    <stream></stream>
+    <streamhls></streamhls>
+    <contentplayer>https://www.rpigroup.it/radiopeopleitaly_contentrpigroup/</contentplayer>
+  </station>
+
+</radio>

data/tv.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<tv>
+
+    <!-- <station>
+        <id>1</id>
+        <name>RDL TV</name>
+        <logo>https://i0.wp.com/www.radiodiffusionelibera.com/wp-content/uploads/2017/01/RDL-Facebook.png</logo>
+        <stream>https://webtv.rpigroup.it/memfs/0a30f923-06b3-461c-8c68-297a66b29485.m3u8</stream>
+        <poster>https://webtv.rpigroup.it/memfs/0a30f923-06b3-461c-8c68-297a66b29485.jpg</poster>
+    </station> -->
+
+    <station>
+        <id>1</id>
+        <name>Rc105 TV</name>
+        <logo>https://www.radiocitta105.it/wp-content/uploads/2020/06/26168468_1590103344416186_7025872599153073152_n-1.png</logo>
+        <stream>https://webtv.rpigroup.it/e1e55a4b-abec-4043-8f08-e2105b48b59b.m3u8</stream>
+        <poster>https://webtv.rpigroup.it/memfs/e1e55a4b-abec-4043-8f08-e2105b48b59b.jpg</poster>
+    </station>
+
+</tv>

img/RpiGroupPlay.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="254mm"
+   height="69mm"
+   viewBox="0 0 254 69"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="RpiGroup Play.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.0381216"
+     inkscape:cx="481.63913"
+     inkscape:cy="276.9425"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2">
+    <rect
+       x="83.099152"
+       y="268.36938"
+       width="1046.9131"
+       height="292.20932"
+       id="rect2696" />
+  </defs>
+  <g
+     inkscape:label="Livello 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g115895"
+       transform="translate(1.131366,1.3862444)">
+      <text
+         xml:space="preserve"
+         transform="matrix(0.26458333,0,0,0.26458333,-25.410801,-55.802387)"
+         id="text2694"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:192px;line-height:0;font-family:'Malgun Gothic';-inkscape-font-specification:'Malgun Gothic Bold';letter-spacing:-7px;white-space:pre;shape-inside:url(#rect2696);fill:#2a377e;fill-opacity:1;stroke:none"><tspan
+           x="83.099609"
+           y="417.31399"
+           id="tspan121578"><tspan
+             style="line-height:1;font-family:'Maiandra GD';-inkscape-font-specification:'Maiandra GD Bold';letter-spacing:-15px"
+             id="tspan121568">RPI</tspan><tspan
+             dx="-15"
+             style="font-size:53.3333px;letter-spacing:0px"
+             id="tspan121570"> </tspan><tspan
+             dx="10.000004"
+             style="font-weight:600;font-size:133.333px;line-height:1;font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Semi-Bold';letter-spacing:-10px"
+             id="tspan121572">Group</tspan><tspan
+             style="font-size:148px"
+             id="tspan121574"> </tspan><tspan
+             style="font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Bold';letter-spacing:-10px;fill:#f7b835"
+             id="tspan121576">Play</tspan></tspan></text>
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 56.217322,11.650982 c 5.939254,0.41143 9.094873,5.4153 8.904918,10.27467"
+         id="path42806"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:2.44688;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 56.481391,6.7067586 c 8.705065,0.601213 13.330204,7.9132434 13.05179,15.0141214"
+         id="path42806-7"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:3.15615;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 56.804607,1.2625936 C 68.853884,2.0652156 75.255859,11.826816 74.870479,21.306526"
+         id="path42806-7-7"
+         sodipodi:nodetypes="cc" />
+    </g>
+  </g>
+</svg>

img/RpiGroupPlayWhite.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="254mm"
+   height="69mm"
+   viewBox="0 0 254 69"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="RpiGroup Play WHITE.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.0381216"
+     inkscape:cx="481.63913"
+     inkscape:cy="276.9425"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2">
+    <rect
+       x="83.099152"
+       y="268.36938"
+       width="1046.9131"
+       height="292.20932"
+       id="rect2696" />
+  </defs>
+  <g
+     inkscape:label="Livello 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g115895"
+       transform="translate(1.131366,1.3862444)">
+      <text
+         xml:space="preserve"
+         transform="matrix(0.26458333,0,0,0.26458333,-25.410801,-55.802387)"
+         id="text2694"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:192px;line-height:0;font-family:'Malgun Gothic';-inkscape-font-specification:'Malgun Gothic Bold';letter-spacing:-7px;white-space:pre;shape-inside:url(#rect2696);fill:#2a377e;fill-opacity:1;stroke:none"><tspan
+           x="83.099609"
+           y="417.31399"
+           id="tspan123972"><tspan
+             style="line-height:1;font-family:'Maiandra GD';-inkscape-font-specification:'Maiandra GD Bold';letter-spacing:-15px;fill:#ffffff"
+             id="tspan123962">RPI</tspan><tspan
+             dx="-15"
+             style="font-size:53.3333px;letter-spacing:0px;fill:#ffffff"
+             id="tspan123964"> </tspan><tspan
+             dx="10.000004"
+             style="fill:#ffffff"
+             id="tspan123966">Group</tspan><tspan
+             style="font-size:148px"
+             id="tspan123968"> </tspan><tspan
+             style="font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Bold';letter-spacing:-10px;fill:#f7b835"
+             id="tspan123970">Play</tspan></tspan></text>
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 56.217322,11.650982 c 5.939254,0.41143 9.094873,5.4153 8.904918,10.27467"
+         id="path42806"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:2.44688;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 56.481391,6.7067586 c 8.705065,0.601213 13.330204,7.9132434 13.05179,15.0141214"
+         id="path42806-7"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#f7b835;stroke-width:3.15615;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 56.804607,1.2625936 C 68.853884,2.0652156 75.255859,11.826816 74.870479,21.306526"
+         id="path42806-7-7"
+         sodipodi:nodetypes="cc" />
+    </g>
+  </g>
+</svg>

index.php

@@ -0,0 +1,31 @@
+<?php
+
+/*
+#   RPIGROUP PLAY - WebApp powered by A.S.V. Studios APPS for RPIGroup
+#   ---------------------------------------------------------------
+#   Author: A.S.V. Studios APPS
+#   Website: https://app.rpigroup.net
+#   ---------------------------------------------------------------
+#   All Rights is reserved by A.S.V. Studios APPS.
+#
+#   Version app: VEDERE IN CHANGELOG.XML
+*/
+
+
+#   Import config file
+include_once './config/config.php';
+
+#   Import head file
+include_once './static/head.php';
+
+
+#  Load Pages
+if(!$show_app):
+    include_once './pages/desktop.php';
+else:
+    include_once './pages/mobile.php';
+endif;
+
+
+#   Import footer file
+include_once './static/footer.php';

js/app.js

@@ -0,0 +1,618 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const BASE_PATH = window.BASE_PATH || '';
+    
+    let currentPage = getCurrentPageFromPath();
+    let audioPlayer = null;
+    let hlsInstance = null;
+    
+    loadHlsLibrary();
+    
+    function loadHlsLibrary() {
+        if (window.Hls) return;
+        
+        const script = document.createElement('script');
+        script.src = 'https://cdn.jsdelivr.net/npm/hls.js@latest';
+        script.onload = () => console.log('HLS.js caricato');
+        script.onerror = () => console.error('Errore caricamento HLS.js');
+        document.head.appendChild(script);
+    }
+    
+    function getCurrentPageFromPath() {
+        let path = window.location.pathname;
+        
+        if (BASE_PATH && path.startsWith(BASE_PATH)) {
+            path = path.substring(BASE_PATH.length);
+        }
+        
+        path = path.replace(/^\/|\/$/g, '');
+        
+        return path || 'home';
+    }
+    
+    function loadPage(page) {
+        const contentContainer = document.getElementById('content');
+        if (!contentContainer) return;
+        
+        contentContainer.classList.remove('fade-in');
+        contentContainer.classList.add('fade-out');
+        
+        setTimeout(() => {
+            const url = BASE_PATH + '/index.php/' + page;
+            
+            const xhr = new XMLHttpRequest();
+            xhr.open('GET', url, true);
+            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+            
+            xhr.onload = function() {
+                if (xhr.status === 200) {
+                    contentContainer.innerHTML = xhr.responseText;
+                    
+                    contentContainer.classList.remove('fade-out');
+                    contentContainer.classList.add('fade-in');
+                    
+                    const historyUrl = page === 'home' ? BASE_PATH + '/' : BASE_PATH + '/' + page;
+                    history.pushState({page: page}, null, historyUrl);
+                    currentPage = page;
+                    
+                    updateActiveNavigation(page);
+                    
+                    if (page.startsWith('play/')) {
+                        initializePlayer();
+                    }
+                    
+                    if (page.startsWith('playtv/')) {
+                        initializeTVPlayer();
+                    }
+                    
+                    attachLinkListeners();
+                    
+                    if (page === 'page/contact') {
+                        initializeContactForm();
+                    }
+                    
+                    window.scrollTo({
+                        top: 0,
+                        behavior: 'smooth'
+                    });
+                } else {
+                    contentContainer.innerHTML = '<div class="content-page"><h2>Errore</h2><p>Impossibile caricare la pagina. Codice errore: ' + xhr.status + '</p></div>';
+                    contentContainer.classList.remove('fade-out');
+                    contentContainer.classList.add('fade-in');
+                }
+            };
+            
+            xhr.onerror = function() {
+                contentContainer.innerHTML = '<div class="content-page"><h2>Errore di connessione</h2><p>Controlla la tua connessione internet.</p></div>';
+                contentContainer.classList.remove('fade-out');
+                contentContainer.classList.add('fade-in');
+            };
+            
+            xhr.send();
+        }, 200);
+    }
+    
+    function updateActiveNavigation(page) {
+        const navLinks = document.querySelectorAll('.navLink');
+        navLinks.forEach(link => {
+            link.classList.remove('active');
+            
+            const linkPage = link.getAttribute('data-page');
+            
+            if (linkPage === page) {
+                link.classList.add('active');
+            } else if (page.startsWith('play/') && linkPage === 'radio') {
+                link.classList.add('active');
+            } else if (page.startsWith('playtv/') && linkPage === 'tv') {
+                link.classList.add('active');
+            } else if (page.startsWith('page/')) {
+                if (linkPage === page) {
+                    link.classList.add('active');
+                }
+            }
+        });
+    }
+
+    // NUOVA FUNZIONE: Setup Media Session API
+    function setupMediaSession(stationName, stationSlogan, stationLogo, playIcon, pauseIcon) {
+        if (!('mediaSession' in navigator)) {
+            console.log('Media Session API non supportata');
+            return;
+        }
+
+        console.log('Setup Media Session:', stationName, stationSlogan);
+
+        // Imposta i metadati
+        navigator.mediaSession.metadata = new MediaMetadata({
+            title: stationName,
+            artist: stationSlogan,
+            album: 'RPIGroup Play',
+            artwork: [
+                { src: stationLogo, sizes: '96x96', type: 'image/png' },
+                { src: stationLogo, sizes: '128x128', type: 'image/png' },
+                { src: stationLogo, sizes: '192x192', type: 'image/png' },
+                { src: stationLogo, sizes: '256x256', type: 'image/png' },
+                { src: stationLogo, sizes: '384x384', type: 'image/png' },
+                { src: stationLogo, sizes: '512x512', type: 'image/png' }
+            ]
+        });
+
+        // Gestisci i controlli del centro notifiche
+        navigator.mediaSession.setActionHandler('play', () => {
+            console.log('Media Session: Play richiesto dal centro notifiche');
+            if (audioPlayer) {
+                audioPlayer.play().then(() => {
+                    // Aggiorna UI
+                    if (playIcon && pauseIcon) {
+                        playIcon.style.display = 'none';
+                        pauseIcon.style.display = 'block';
+                    }
+                });
+            }
+        });
+
+        navigator.mediaSession.setActionHandler('pause', () => {
+            console.log('Media Session: Pause richiesto dal centro notifiche');
+            if (audioPlayer) {
+                audioPlayer.pause();
+                // Aggiorna UI
+                if (playIcon && pauseIcon) {
+                    playIcon.style.display = 'block';
+                    pauseIcon.style.display = 'none';
+                }
+            }
+        });
+
+        // Opzionale: gestisci skip (per radio potrebbe non servire)
+        navigator.mediaSession.setActionHandler('seekbackward', null);
+        navigator.mediaSession.setActionHandler('seekforward', null);
+        navigator.mediaSession.setActionHandler('previoustrack', null);
+        navigator.mediaSession.setActionHandler('nexttrack', null);
+    }
+
+    // NUOVA FUNZIONE: Aggiorna playback state
+    function updateMediaSessionPlaybackState(state) {
+        if ('mediaSession' in navigator) {
+            navigator.mediaSession.playbackState = state;
+            console.log('Media Session playback state:', state);
+        }
+    }
+
+    function initializePlayer() {
+        console.log('Inizializzazione player...');
+        
+        const playPauseBtn = document.getElementById('playPauseBtn');
+        if (!playPauseBtn) return;
+
+        const playIcon = document.querySelector('.play-icon');
+        const pauseIcon = document.querySelector('.pause-icon');
+        const hlsUrl = playPauseBtn.getAttribute('data-stream-hls');
+        const fallbackUrl = playPauseBtn.getAttribute('data-stream-fallback');
+        const stationName = playPauseBtn.getAttribute('data-station-name');
+        const stationSlogan = playPauseBtn.getAttribute('data-station-slogan');
+        const stationLogo = playPauseBtn.getAttribute('data-station-logo');
+        const statusElement = document.getElementById('playerStatus');
+
+        console.log('Station:', stationName);
+        console.log('HLS URL:', hlsUrl);
+        console.log('Fallback URL:', fallbackUrl);
+
+        // Setup Media Session all'inizio passando anche le icone
+        setupMediaSession(stationName, stationSlogan, stationLogo, playIcon, pauseIcon);
+
+        if (hlsInstance) {
+            hlsInstance.destroy();
+            hlsInstance = null;
+        }
+
+        if (audioPlayer) {
+            audioPlayer.pause();
+            audioPlayer = null;
+        }
+
+        audioPlayer = document.getElementById('hlsAudioPlayer');
+        if (!audioPlayer) {
+            audioPlayer = new Audio();
+        }
+        audioPlayer.preload = 'none';
+
+        function updateStatus(msg, isError = false) {
+            console.log('Status:', msg);
+            if (statusElement) {
+                statusElement.textContent = msg;
+                statusElement.className = 'station-status' + (isError ? ' error' : '');
+            }
+        }
+
+        function canPlayHLS() {
+            const video = document.createElement('video');
+            return video.canPlayType('application/vnd.apple.mpegurl') !== '';
+        }
+
+        function setupHLS() {
+            if (!window.Hls || !Hls.isSupported()) {
+                console.log('HLS.js non disponibile');
+                return false;
+            }
+
+            console.log('Uso HLS.js');
+            updateStatus('Caricamento...');
+
+            hlsInstance = new Hls({
+                enableWorker: true,
+                lowLatencyMode: true
+            });
+
+            hlsInstance.loadSource(hlsUrl);
+            hlsInstance.attachMedia(audioPlayer);
+
+            hlsInstance.on(Hls.Events.MANIFEST_PARSED, function() {
+                console.log('HLS manifest caricato');
+                updateStatus('Pronto');
+            });
+
+            hlsInstance.on(Hls.Events.ERROR, function(event, data) {
+                console.error('Errore HLS:', data.type, data.details);
+
+                if (data.fatal) {
+                    switch(data.type) {
+                        case Hls.ErrorTypes.NETWORK_ERROR:
+                            console.log('Errore rete, riprovo...');
+                            hlsInstance.startLoad();
+                            break;
+                        case Hls.ErrorTypes.MEDIA_ERROR:
+                            console.log('Errore media, riprovo...');
+                            hlsInstance.recoverMediaError();
+                            break;
+                        default:
+                            console.error('Errore fatale, uso fallback');
+                            hlsInstance.destroy();
+                            hlsInstance = null;
+                            useFallback();
+                            break;
+                    }
+                }
+            });
+
+            return true;
+        }
+
+        function useFallback() {
+            console.log('Uso fallback:', fallbackUrl);
+            if (fallbackUrl) {
+                audioPlayer.src = fallbackUrl;
+                audioPlayer.load();
+                updateStatus('Pronto (MP3)');
+            } else {
+                updateStatus('Stream non disponibile', true);
+            }
+        }
+
+        if (hlsUrl) {
+            if (canPlayHLS()) {
+                console.log('Uso HLS nativo (Safari)');
+                audioPlayer.src = hlsUrl;
+                updateStatus('Pronto');
+            } else if (!setupHLS()) {
+                useFallback();
+            }
+        } else {
+            useFallback();
+        }
+
+        // Gestore pulsante play/pause
+        playPauseBtn.addEventListener('click', function() {
+            if (audioPlayer.paused) {
+                updateStatus('Connessione...');
+                
+                audioPlayer.play()
+                    .then(() => {
+                        playIcon.style.display = 'none';
+                        pauseIcon.style.display = 'block';
+                        updateStatus('In riproduzione');
+                        updateMediaSessionPlaybackState('playing');
+                    })
+                    .catch(error => {
+                        console.error('Errore nella riproduzione:', error);
+                        updateStatus('Errore riproduzione', true);
+                        updateMediaSessionPlaybackState('paused');
+                        
+                        if (hlsInstance && fallbackUrl) {
+                            console.log('Tentativo con fallback...');
+                            hlsInstance.destroy();
+                            hlsInstance = null;
+                            useFallback();
+                            setTimeout(() => {
+                                audioPlayer.play().catch(e => {
+                                    console.error('Fallback fallito:', e);
+                                    alert('Impossibile riprodurre lo stream audio. Riprova più tardi.');
+                                });
+                            }, 500);
+                        } else {
+                            alert('Impossibile riprodurre lo stream audio. Riprova più tardi.');
+                        }
+                    });
+            } else {
+                audioPlayer.pause();
+                playIcon.style.display = 'block';
+                pauseIcon.style.display = 'none';
+                updateStatus('In pausa');
+                updateMediaSessionPlaybackState('paused');
+            }
+        });
+
+        // Event listeners con Media Session updates e sincronizzazione UI
+        audioPlayer.addEventListener('play', function() {
+            updateMediaSessionPlaybackState('playing');
+            updateStatus('In riproduzione');
+            // Sincronizza UI quando l'audio parte (da qualsiasi fonte)
+            playIcon.style.display = 'none';
+            pauseIcon.style.display = 'block';
+        });
+
+        audioPlayer.addEventListener('pause', function() {
+            updateMediaSessionPlaybackState('paused');
+            updateStatus('In pausa');
+            // Sincronizza UI quando l'audio va in pausa (da qualsiasi fonte)
+            playIcon.style.display = 'block';
+            pauseIcon.style.display = 'none';
+        });
+
+        audioPlayer.addEventListener('ended', function() {
+            playIcon.style.display = 'block';
+            pauseIcon.style.display = 'none';
+            updateStatus('Terminato');
+            updateMediaSessionPlaybackState('paused');
+        });
+
+        audioPlayer.addEventListener('error', function() {
+            playIcon.style.display = 'block';
+            pauseIcon.style.display = 'none';
+            updateStatus('Errore stream', true);
+            updateMediaSessionPlaybackState('paused');
+            alert('Si è verificato un errore durante la riproduzione. Riprova più tardi.');
+        });
+
+        audioPlayer.addEventListener('waiting', () => updateStatus('Buffering...'));
+        audioPlayer.addEventListener('playing', () => updateStatus('In riproduzione'));
+        
+        console.log('Player inizializzato con Media Session');
+    }
+
+    function initializeTVPlayer() {
+        console.log('TV Player inizializzato');
+    }
+
+    function initializeContactForm() {
+        const contactForm = document.getElementById('contactForm');
+        if (!contactForm) return;
+
+        contactForm.addEventListener('submit', function(e) {
+            e.preventDefault();
+
+            const formData = new FormData(contactForm);
+            const formResponse = document.getElementById('formResponse');
+
+            formResponse.innerHTML = 'Invio in corso...';
+            formResponse.className = 'form-response';
+            formResponse.style.display = 'block';
+
+            const xhr = new XMLHttpRequest();
+            xhr.open('POST', BASE_PATH + '/process_contact.php', true);
+            xhr.onload = function() {
+                if (xhr.status === 200) {
+                    try {
+                        const response = JSON.parse(xhr.responseText);
+                        if (response.success) {
+                            formResponse.innerHTML = 'Messaggio inviato con successo! Ti risponderemo presto.';
+                            formResponse.className = 'form-response success';
+                            contactForm.reset();
+                        } else {
+                            formResponse.innerHTML = 'Errore: ' + (response.message || 'Si è verificato un errore durante l\'invio del messaggio.');
+                            formResponse.className = 'form-response error';
+                        }
+                    } catch (e) {
+                        formResponse.innerHTML = 'Si è verificato un errore durante l\'elaborazione della risposta.';
+                        formResponse.className = 'form-response error';
+                    }
+                } else {
+                    formResponse.innerHTML = 'Si è verificato un errore durante l\'invio del messaggio.';
+                    formResponse.className = 'form-response error';
+                }
+            };
+            xhr.onerror = function() {
+                formResponse.innerHTML = 'Errore di connessione. Controlla la tua connessione internet.';
+                formResponse.className = 'form-response error';
+            };
+            xhr.send(formData);
+        });
+    }
+
+    function attachLinkListeners() {
+        const navLinks = document.querySelectorAll('.navLink, .nav-link, .station-link, .linkBox');
+        
+        navLinks.forEach(link => {
+            const newLink = link.cloneNode(true);
+            link.parentNode.replaceChild(newLink, link);
+            
+            newLink.addEventListener('click', function(e) {
+                const href = this.getAttribute('href');
+                const target = this.getAttribute('target');
+                const page = this.getAttribute('data-page');
+                
+                const isExternal = href && (
+                    href.startsWith('http://') || 
+                    href.startsWith('https://') || 
+                    href.startsWith('//') ||
+                    target === '_blank'
+                );
+                
+                if (isExternal) {
+                    console.log('Link esterno rilevato:', href);
+                    e.preventDefault();
+                    window.location.href = href;
+                    return;
+                }
+                
+                e.preventDefault();
+                e.stopPropagation();
+                
+                console.log('Link cliccato, pagina:', page, 'currentPage:', currentPage);
+                
+                if (page && page !== currentPage) {
+                    if (audioPlayer && !audioPlayer.paused) {
+                        audioPlayer.pause();
+                    }
+                    loadPage(page);
+                }
+            });
+        });
+    }
+
+    function setupOpenAppButton() {
+        const openAppBtn = document.getElementById('openAppBtn');
+        if (openAppBtn) {
+            openAppBtn.addEventListener('click', function(e) {
+                e.preventDefault();
+                
+                const currentPath = window.location.pathname;
+                const pathWithoutBase = currentPath.replace(BASE_PATH, '').replace(/^\//, '');
+                const redirectParam = pathWithoutBase ? '&redirect=' + encodeURIComponent(pathWithoutBase) : '';
+                
+                const width = 375;
+                const height = 667;
+                const left = (window.screen.width / 2) - (width / 2);
+                const top = (window.screen.height / 2) - (height / 2);
+                
+                const windowFeatures = 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',resizable=yes,scrollbars=yes,status=yes';
+                window.open(BASE_PATH + '/?app=true' + redirectParam, 'RadioApp', windowFeatures);
+            });
+        }
+    }
+
+    function setupHistoryNavigation() {
+        window.addEventListener('popstate', function(e) {
+            if (e.state && e.state.page) {
+                if (e.state.page !== currentPage) {
+                    loadPage(e.state.page);
+                }
+            } else {
+                if (currentPage !== 'home') {
+                    loadPage('home');
+                }
+            }
+        });
+
+        history.replaceState({page: currentPage}, null, window.location.pathname);
+    }
+
+    function setupStandaloneMode() {
+        const appContainer = document.querySelector('.container');
+        if (!appContainer) return;
+        
+        if (window.opener && !window.opener.closed) {
+            appContainer.classList.add('standalone-app');
+        }
+
+        if (window.navigator.standalone || window.matchMedia('(display-mode: standalone)').matches) {
+            appContainer.classList.add('standalone-app');
+        }
+    }
+
+    function init() {
+        setupOpenAppButton();
+
+        if (document.querySelector('.container')) {
+            setupStandaloneMode();
+
+            attachLinkListeners();
+
+            setupHistoryNavigation();
+
+            initializeCurrentPage();
+        }
+    }
+
+    function initializeCurrentPage() {
+        console.log('Inizializzazione pagina corrente:', currentPage);
+        
+        updateActiveNavigation(currentPage);
+        
+        if (currentPage.startsWith('play/')) {
+            setTimeout(function() {
+                initializePlayer();
+            }, 100);
+        }
+
+        if (currentPage.startsWith('playtv/')) {
+            setTimeout(function() {
+                initializeTVPlayer();
+            }, 100);
+        }
+
+        if (currentPage === 'page/contact') {
+            setTimeout(function() {
+                initializeContactForm();
+            }, 100);
+        }
+    }
+
+    init();
+});
+
+
+// Funzione per bloccare l'orientamento (funziona solo in PWA/fullscreen)
+function lockScreenOrientation() {
+    // Prova a bloccare l'orientamento con Screen Orientation API
+    if (screen.orientation && screen.orientation.lock) {
+        screen.orientation.lock('portrait').then(() => {
+            console.log('Orientamento bloccato in portrait');
+        }).catch((err) => {
+            console.log('Impossibile bloccare orientamento:', err.message);
+            // Non è un errore grave, il CSS gestirà la situazione
+        });
+    }
+    
+    // Alternativa per browser più vecchi
+    if (screen.lockOrientation) {
+        screen.lockOrientation('portrait');
+    } else if (screen.mozLockOrientation) {
+        screen.mozLockOrientation('portrait');
+    } else if (screen.msLockOrientation) {
+        screen.msLockOrientation('portrait');
+    }
+}
+
+// Prova a bloccare quando l'app è in fullscreen/standalone
+function tryLockOrientation() {
+    // Controlla se siamo in modalità standalone (PWA)
+    const isStandalone = window.navigator.standalone || 
+                         window.matchMedia('(display-mode: standalone)').matches;
+    
+    if (isStandalone) {
+        lockScreenOrientation();
+    }
+    
+    // Prova anche quando entriamo in fullscreen
+    document.addEventListener('fullscreenchange', () => {
+        if (document.fullscreenElement) {
+            lockScreenOrientation();
+        }
+    });
+}
+
+// Event listeners per cambio orientamento
+window.addEventListener('orientationchange', handleOrientationChange);
+window.addEventListener('resize', handleOrientationChange);
+
+// Inizializza al caricamento
+document.addEventListener('DOMContentLoaded', () => {
+    tryLockOrientation();
+    handleOrientationChange();
+});
+
+// Inizializza subito se il DOM è già pronto
+if (document.readyState !== 'loading') {
+    tryLockOrientation();
+    handleOrientationChange();
+}
+

manifest.json

@@ -0,0 +1,52 @@
+{
+    "name": "RPIGroup Play",
+    "short_name": "RPIGroup Play",
+    "description": "Ascolta le tue stazioni radio preferite ovunque tu sia",
+    "start_url": "./?app=true",
+    "display": "standalone",
+    "background_color": "#2a377e",
+    "theme_color": "#2a377e",
+    "orientation": "portrait",
+    "icons": [
+        {
+            "src": "img/icons/icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-128x128.png",
+            "sizes": "128x128",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-152x152.png",
+            "sizes": "152x152",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "img/icons/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+  }

pages/desktop.php

@@ -0,0 +1,91 @@
+<div id="proradio-secondary-header" class="proradio-secondaryhead proradio-primary" style="border-bottom: solid 3px #3849a8;">
+
+    <style>
+        .rpigroup-topbar {
+            background: #2a367b;
+            padding: 0 40px;
+            display: flex;
+            align-items: center;
+            height: 55px;
+            font-size: 0.8rem !important;
+            font-weight: 700;
+			font-family: 'Poppins';
+    		letter-spacing: 0;
+        }
+
+        .rpigroup-topbar>a>.logo {
+            margin-right: 20px;
+			height: 40px;
+			display: flex;
+			border-right: solid 2px #3746a1;
+			padding-right: 20px;
+        }
+
+        .rpigroup-topbar>a {
+            text-decoration: none;
+            color: white;
+        }
+
+        .rpigroup-topbar > .nolink {
+            margin-right: 15px;
+            font-weight: 600;
+        }
+
+        .rpigroup-topbar>a>.link {
+            padding: 19px 25px 16px;
+        }
+
+        .rpigroup-topbar>a>.link:hover {
+            background: #36449c;
+            border-bottom: 3px solid #36449c;
+        }
+
+        .rpigroup-topbar>a>.active {
+            background: #00000044;
+            border-bottom: 3px solid #f7b932;
+        }
+
+        .rpigroup-topbar>a>.active:hover {
+            background: #36449c;
+            border-bottom: 3px solid #f7b932;
+        }
+    </style>
+    <div class="rpigroup-topbar">
+        <a href="https://www.rpigroup.it/" target="_blank">
+            <img src="https://www.rpigroup.it/wp-content/uploads/2025/01/RpiGroup-Play-WHITE-NEW-e1737078263620.png" alt="logoRPIGroup" class="logo">
+        </a>
+
+        <span class="nolink">Vai al sito di:</span>
+        <a href="https://www.radiocitta105.it" target="_blank"><span class="link">Radio Città 105</span></a>
+        <a href="https://www.radiodiffusionelibera.com" target="_blank"><span class="link">Radio DiffusioneLibera</span></a>
+        <a href="https://www.co-municare.it" target="_blank"><span class="link">Co-Municare.it</span></a>
+        <a href="https://app.rpigroup.it" target="_blank"><span class="link active">RPIGroup Play</span></a>
+    </div>
+</div>
+
+<div class="dbox dbox-extra">
+    <img src="<?=$base_path?>/img/RpiGroupPlayWHITE.png" alt="Logo" style="width: 315px;">
+    <p class="subtitle"><i>Un nuovo modo di ascoltare musica</i></p>
+    <hr>
+    <?php 
+        switch ($page){
+            case 'play':
+                if (!empty($param)) {
+                    $stationId = (int)$param;
+                    $station = getRadioStation($stationId);
+                    echo 'Ascolta ora <b>' . htmlspecialchars($station->name) . '</b> su RPIGroup Play!';
+                }else{
+                    echo 'Ascolta ora le tue radio preferite!';
+                }
+                break;
+            default:
+                echo 'Ascolta le nostre emittenti con la nostra nuova app disegnata per smartphone (e non...)';
+        }
+    ?>
+    <hr>
+    <a class="dbtn" id="openAppBtn" href="<?php echo $base_path . '/?app=true&redirect=' . urlencode($page . ($param ? '/' . $param : '')); ?>">ENTRA SU RPIGRPUP PLAY</a>
+</div>
+
+<div class="dfooter">
+    App powered by A.S.V. Studios APPS • Versione App: <?php echo $version_app; ?>
+</div>

pages/mobile.php

@@ -0,0 +1,98 @@
+<div class="header">
+    <div class="logo-section">
+        <img src="<?=$base_path?>/img/RpiGroupPlayWHITE.png" alt="Logo">
+    </div>
+    <div class="menu-section">
+        <a href="<?php echo $base_path; ?>/" data-page="home" class="navLink <?php echo $page == 'home' ? 'active' : ''; ?>">Home</a>
+        <a href="<?php echo $base_path; ?>/radio" data-page="radio" class="navLink <?php echo ($page == 'radio' || $page == 'play') ? 'active' : ''; ?>">Radio</a>
+        <a href="<?php echo $base_path; ?>/tv" data-page="tv" class="navLink <?php echo ($page == 'tv' || $page == 'playtv') ? 'active' : ''; ?>">TV</a>
+        <a href="<?php echo $base_path; ?>/page/addradio" data-page="page/addradio" class="navLink <?php echo ($page == 'page' && $param == 'addradio') ? 'active' : ''; ?>">Add Radio</a>
+    </div>
+</div>
+
+<main class="container" id="content">
+    <?php
+        // Carica il contenuto iniziale in base all'URL
+        switch ($page) {
+            case 'home':
+                include './pages/page/home.php';
+                break;
+            case 'radio':
+                include './pages/page/radio.php';
+                break;
+            case 'tv':
+                include './pages/page/tv.php';
+                break;
+            case 'play':
+                if (!empty($param)) {
+                    $stationId = (int)$param;
+                    $station = getRadioStation($stationId);
+                    if ($station !== null) {
+                        include './pages/page/player.php';
+                    } else {
+                        include './pages/page/404.php';
+                    }
+                } else {
+                    // Se non c'è ID, torna alla home
+                    include './pages/page/home.php';
+                }
+                break;
+            case 'playtv':
+                if (!empty($param)) {
+                    $stationId = (int)$param;
+                    $station = getTVStation($stationId);
+                    if ($station !== null) {
+                        include './pages/page/player_tv.php';
+                    } else {
+                        include './pages/page/404.php';
+                    }
+                } else {
+                    // Se non c'è ID, torna alla home
+                    include './pages/page/home.php';
+                }
+                break;
+            case 'page':
+                if (!empty($param)) {
+                    switch ($param) {
+                        case 'about':
+                            include './pages/page/about.php';
+                            break;
+                        case 'copyright':
+                            include './pages/page/copyright.php';
+                            break;
+                        case 'addradio':
+                            include './pages/page/addradio.php';
+                            break;
+                        case 'contact':
+                            include './pages/page/contact.php';
+                            break;
+                        case 'termini-condizioni':
+                            include './pages/page/terminicondizioni.php';
+                            break;
+                        case 'policy-privacy':
+                            include './pages/page/policyprivacy.php';
+                            break;
+                        case 'changelog':
+                            include './pages/page/changelog.php';
+                            break;
+                        default:
+                            include './pages/page/404.php';
+                    }
+                } else {
+                    include './pages/page/404.php';
+                }
+                break;
+            default:
+                include './pages/page/home.php';
+        }
+    ?>
+</main>
+
+<div class="footer">
+    <div class="menu-section">
+        <a href="<?php echo $base_path; ?>/page/termini-condizioni" data-page="page/termini-condizioni" class="navLink">Termini e Condizioni</a> •
+        <a href="<?php echo $base_path; ?>/page/policy-privacy" data-page="page/policy-privacy" class="navLink">Policy Privacy</a> •
+        <a href="<?php echo $base_path; ?>/page/changelog" data-page="page/changelog" class="navLink">Changelog</a>
+    </div>
+    <div class="copyright-section" <?php if($is_mobile){ ?> style="padding: 10px 0 25px;" <? } ?>>&copy; 2025 RPIGroup • Versione: <?php echo $version_app; ?></div>
+</div>

pages/page/404.php

@@ -0,0 +1,10 @@
+<h1 class="titlePage">Pagina non trovata</h1>
+
+<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

@@ -0,0 +1,14 @@
+<h1 class="titlePage">Come funziona RPIGroup Play?</h1>
+
+<hr>
+
+<div class="tec">
+    <p>La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!</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/addradio.php

@@ -0,0 +1,15 @@
+<h1 class="titlePage">Aggiungi la tua radio</h1>
+
+<hr>
+
+<div class="tec">
+    <p>Al momento, il modulo è temporaneamente chiuso</p>
+    <p>Ti invitiamo a controllare più tardi oppure, attendi l'uscita di un prossimo aggiornamento!</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

@@ -0,0 +1,19 @@
+<h1 class="titlePage">Changelog</h1>
+<p class="subtitlePage">Visualizza tutti gli ricevuti</p>
+
+<?php
+foreach($changelog->version as $version){
+    echo "<hr>";
+    echo "<p class=\"changelogTitle\">Versione ".$version->number."</p>";
+    foreach($version->logs->log as $log_print){
+        echo "<p class=\"changelogList\">• ".$log_print."</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/contact.php

@@ -0,0 +1,53 @@
+<!-- <div class="content-page">
+    <h2>Contatti</h2>
+    <div class="content-box">
+        <p>Hai domande, suggerimenti o riscontri problemi con l'applicazione? Contattaci!</p>
+        
+        <form class="contact-form" id="contactForm">
+            <div class="form-group">
+                <label for="name">Nome:</label>
+                <input type="text" id="name" name="name" required>
+            </div>
+            
+            <div class="form-group">
+                <label for="email">Email:</label>
+                <input type="email" id="email" name="email" required>
+            </div>
+            
+            <div class="form-group">
+                <label for="subject">Oggetto:</label>
+                <input type="text" id="subject" name="subject" required>
+            </div>
+            
+            <div class="form-group">
+                <label for="message">Messaggio:</label>
+                <textarea id="message" name="message" rows="5" required></textarea>
+            </div>
+            
+            <button type="submit" class="submit-btn">Invia messaggio</button>
+        </form>
+        
+        <div id="formResponse" class="form-response" style="display: none;"></div>
+        
+        <div class="contact-info">
+            <h3>Informazioni di contatto</h3>
+            <p>Email: info@tuoaggregatore.it</p>
+            <p>Telefono: +39 123 456 7890</p>
+        </div>
+    </div>
+</div> -->
+
+<h1 class="titlePage">Contatti</h1>
+
+<hr>
+
+<div class="tec">
+    <p>La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!</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/copyright.php

@@ -0,0 +1,18 @@
+<h1 class="titlePage">Diritti d'Autore</h1>
+<p class="subtitlePage">Come funziona e chi lo gestisce</p>
+
+<hr>
+
+<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

@@ -0,0 +1,59 @@
+<h1 class="titlePage">Benvenuto</h1>
+<p class="subtitlePage">nella nuova RPIGroup Play</p>
+
+<div class="row g-2 mb-4">
+    <div class="col-6">
+        <a href="<?php echo $base_path; ?>/radio" data-page="radio" class="linkBox">
+            <div class="clickBox Squared">
+                <img src="<?=$base_path?>/img/radio.png" alt="Radio">
+                <p class="m-0 p-0">Radio</p>
+            </div>
+        </a>
+    </div>
+    <div class="col-6">
+        <a href="<?php echo $base_path; ?>/tv" data-page="tv" class="linkBox">
+            <div class="clickBox Squared">
+                <img src="<?=$base_path?>/img/tv.png" alt="tv">
+                <p class="m-0 p-0">TV</p>
+            </div>
+        </a>
+    </div>
+</div>
+
+<div class="row g-2 mb-4">
+    <div class="col-12">
+        <a href="https://www.co-municare.it" target="_blank" class="">
+            <div class="clickBox p-2">
+                <img src="https://www.co-municare.it/wp-content/uploads/2025/01/newlogo_co-municare-it.png" alt="logo Co-Municare.it">
+            </div>
+        </a>
+    </div>
+    <div class="col-12">
+        <a href="<?php echo $base_path; ?>/page/addradio" data-page="page/addradio" class="linkBox">
+            <div class="clickBox p-2">
+                Aggiungi la tua radio
+            </div>
+        </a>
+    </div>
+    <div class="col-4">
+        <a href="<?php echo $base_path; ?>/page/about" data-page="page/about" class="linkBox">
+            <div class="clickBox">
+                Come funziona?
+            </div>
+        </a>
+    </div>
+    <div class="col-4">
+        <a href="<?php echo $base_path; ?>/page/copyright" data-page="page/copyright" class="linkBox">
+            <div class="clickBox">
+                Diritti<br>d'Autore
+            </div>
+        </a>
+    </div>
+    <div class="col-4">
+        <a href="<?php echo $base_path; ?>/page/contact" data-page="page/contact" class="linkBox">
+            <div class="clickBox">
+                I nostri<br>Contatti
+            </div>
+        </a>
+    </div>
+</div>

pages/page/player.php

@@ -0,0 +1,62 @@
+<?php
+    if($station->contentplayer == ""){
+        ?>
+            <style>
+                .staticpage{
+                    background: linear-gradient(45deg, #3849a8, #f7b835);
+                    padding: 22px 35px 10px 35px;
+                    display: block;
+                    z-index: 1;
+                    position: absolute;
+                    height: calc(100vh - 312px);
+                    color: white;
+                    text-align: center;
+                    width: 100%;
+                    max-width: 450px;
+                    left: 50%;
+                    transform: translateX(-50%);
+                }
+                .staticpage > .logo{
+                    width: 200px;
+                    border-radius: 15px;
+                    margin-bottom: 20px;
+                }
+                .staticpage > p{
+                    margin: 0;
+                }
+                .staticpage > p.titleRadio{
+                    font-weight: 600;
+                }
+            </style>
+            <div class="staticpage">
+                <img src="<?php echo $station->logo; ?>" class="logo" alt="logo radio">
+                <p class="titleRadio"><?php echo $station->name; ?></p>
+                <p class="subtitleRadio"><?php echo $station->slogan; ?></p>
+            </div>
+        <?php
+    }else{
+        ?>
+            <iframe src="<?php echo $station->contentplayer; ?>" class="contentplayer" frameborder="0"></iframe>
+        <?php
+    }
+?>
+
+<div class="footer_player" <?php if($is_mobile){ ?> style="bottom: 84px;" <? } ?>>
+    <div class="row align-items-center">
+        <div class="col-2" style="width: 70px;">
+            <img src="<?php echo $station->logo; ?>" alt="<?php echo $station->name; ?>" style="width: 60px;">
+        </div>
+        <div class="col">
+            <div id="artist" style="font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;"><?php echo $station->name; ?></div>
+            <div id="playerStatus" style="text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical ;overflow: hidden;"><?php echo $station->slogan; ?></div>
+        </div>
+        <div class="col-2" style="text-align: center; margin-top: 1px; margin-right: 5px; width: 67px;">
+            <button id="playPauseBtn" data-stream-hls="<?php echo $station->streamhls; ?>" data-stream-fallback="<?php echo $station->stream; ?>" data-station-name="<?php echo htmlspecialchars($station->name); ?>" data-station-logo="<?php echo $station->logo; ?>" data-station-slogan="<?php echo htmlspecialchars($station->slogan); ?>">
+                <i class="material-icons play-icon" id="play-pause" style="font-size: 35px; border-radius: 10px; border: 2px solid #ffffff; padding: 4px 5px 4px 4px; margin-top: -2px; background: #f7b835; color: #2a377e;">play_arrow</i>
+                <i class="material-icons pause-icon" id="play-pause" style="display:none; font-size: 35px; border-radius: 10px; border: 2px solid #ffffff; padding: 4px 5px 4px 4px; margin-top: -2px; background: #f7b835; color: #2a377e;">pause</i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<audio id="hlsAudioPlayer" preload="none"></audio>

pages/page/policyprivacy.php

@@ -0,0 +1,58 @@
+<h1 class="titlePage">Policy Privacy</h1>
+<p class="subtitlePage">Ultimo aggiornamento: 17/11/2025</p>
+
+<hr>
+<div class="tec">
+    <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>
+        Raccogliamo i seguenti dati personali, alcuni dei quali forniti volontariamente dall’Utente e altri raccolti automaticamente durante l’utilizzo dei moduli di contatto all'interno dell'Applicazione:<br>
+        • Dati di contatto (ad esempio: nome, indirizzo e-mail) – forniti direttamente dall’Utente al momento della scritta dei moduli di contatto
+    </p>
+    <p>
+        <b>Finalità del Trattamento</b><br>
+        I dati personali sono trattati per le seguenti finalità:<br>
+        • Risposta alla e-mail tramite modulo di contatto<br>
+        Gli Utenti possono esercitare in qualsiasi momento i diritti previsti dalla normativa vigente sulla protezione dei dati personali, come l’accesso, la rettifica o la cancellazione dei propri dati.
+    </p>
+    <p>
+        <b>Base Giuridica del Trattamento</b><br>
+        Il trattamento dei dati personali si basa su diverse basi giuridiche, che vengono applicate nella pratica come segue:<br>
+        • Esecuzione di un contratto: trattiamo i dati personali per fornire il servizio richiesto dall’utente, ad esempio offrire assistenza sull'uso dell'Applicativo o inserimento della propria emittente all'interno dell'Applicativo.<br>
+        • Rispetto delle leggi: trattiamo i dati quando siamo obbligati dalla legge, ad esempio per conservare alcune informazioni per finalità fiscali o per rispondere a richieste delle autorità.
+    </p>
+    <p><b>Modalità di Trattamento e Conservazione</b><br>I dati vengono archiviati tramite applicativi proprietari di posta elettronica. I dati sono conservati per il tempo strettamente necessario al raggiungimento delle finalità indicate, salvo diversi obblighi di legge.</p>
+    <p>
+        <b>Comunicazione dei Dati a Terzi</b><br>
+        I dati personali non verranno diffusi, ma potranno essere comunicati a soggetti terzi specifici, quali:<br>
+        • Fornitori di servizi di Hosting, come aziende che gestiscono infrastrutture cloud, incaricate della manutenzione e gestione dei server;<br>
+        • Partner tecnologici, ad esempio fornitori di software, servizi informatici o piattaforme di pagamento, necessari per l’erogazione di particolari funzionalità;<br>
+        • Autorità giudiziarie o amministrative, in caso di richieste formali o obblighi di legge.<br>
+        La comunicazione dei dati ai soggetti terzi avverrà esclusivamente per le finalità indicate e nel rispetto delle misure di sicurezza previste dalla normativa vigente sulla protezione dei dati personali, garantendo così la tutela della privacy dell’utente.
+    </p>
+    <p><b>Trattamento dei dati Extra-UE</b><br>Secondo il Regolamento Generale sulla Protezione dei Dati (GDPR), il trattamento dei dati personali non può avvenire in paesi extra-UE senza adeguate garanzie. Il trattamento dei dati non può avvenire in paesi extra-UE, salvo il rispetto delle condizioni previste dalla normativa vigente (ad esempio, decisioni di adeguatezza o garanzie appropriate ai sensi del GDPR).</p>
+    <p>
+        <b>Diritti dell’Utente</b><br>
+        In qualità di interessato, l’Utente gode dei seguenti diritti, in conformità con il GDPR:<br>
+        • Diritto di accesso: puoi richiedere conferma che i tuoi dati siano trattati e riceverne una copia (ad esempio, inviando una e-mail per sapere quali dati personali sono stati raccolti e utilizzati).<br>
+        • Diritto di rettifica: hai la possibilità di correggere dati personali inesatti o aggiornare informazioni non più attuali (per esempio, chiedendo la modifica dell’indirizzo e-mail se è cambiato).<br>
+        • Diritto alla cancellazione (diritto all’oblio): puoi ottenere la cancellazione dei tuoi dati personali (ad esempio, domandando la rimozione del tuo profilo dal servizio).<br>
+        • Diritto di limitazione: puoi richiedere che il trattamento dei tuoi dati sia limitato in determinate circostanze (ad esempio, se hai contestato l’esattezza dei dati e vuoi che vengano sospesi fino alla verifica).<br>
+        • Diritto di opposizione: puoi opporti al trattamento dei tuoi dati per finalità di marketing (per esempio, chiedendo di non ricevere più comunicazioni promozionali).<br>
+        • Diritto di reclamo: puoi presentare un reclamo all’Autorità Garante per la Protezione dei Dati Personali se ritieni che i tuoi diritti non siano stati rispettati (ad esempio, compilando l’apposito modulo sul sito del Garante).
+    </p>
+    <p>
+        <b>Contatti</b><br>
+        Per esercitare i diritti sopra elencati o per qualsiasi domanda, è possibile contattare il Titolare del trattamento tramite i seguenti canali:<br>
+        • E-mail: <a href="mailto:pp.app@rpigroup.net">pp.app@rpigroup.net</a><br>
+        Si prega di indicare nell’oggetto dell’e-mail il diritto che si intende esercitare e di fornire i propri dati identificativi per facilitare la gestione della richiesta.
+    </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

@@ -0,0 +1,30 @@
+<?php
+// views/home.php - Vista della pagina principale
+$stations = loadRadioStations();
+?>
+
+<h1 class="titlePage">Radio</h1>
+<p class="subtitlePage">Seleziona la tua radio che vuoi ascoltare</p>
+
+<hr>
+
+<div class="stationList">
+    <div class="row g-2">
+        <?php foreach ($stations as $station): ?>
+        <div class="col-6">
+            <div class="stationCard <?php if((string)$station->thematic === 'true'){echo "isthematic";} ?>" data-id="<?php echo $station->id; ?>">
+                <a href="<?php echo $base_path; ?>/play/<?php echo $station->id; ?>" data-page="play/<?php echo $station->id; ?>" class="nav-link stationLink">
+                    <img src="<?php echo $station->logo; ?>" alt="<?php echo $station->name; ?>" class="stationLogo">
+                </a>
+            </div>
+        </div>
+        <?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

@@ -0,0 +1,36 @@
+<h1 class="titlePage">Termini & Condizioni</h1>
+<p class="subtitlePage">Ultimo aggiornamento: 17/11/2025</p>
+
+<hr>
+
+<div class="tec">
+    <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>
+    <p><b>Account e Registrazione</b><br>Per utilizzare il Servizio, l'utente non deve effettuare nessun tipo di registrazione o accesso.</p>
+    <!-- <p>
+    <b>Obblighi dell'Utente</b><br>
+    L’Utente si impegna a utilizzare il Servizio in modo lecito e corretto, rispettando i presenti T&amp;C e i termini d’uso. In particolare, l’Utente si impegna a:<br>
+    • Non violare i diritti di proprietà intellettuale del Gestore e di terzi;<br>
+    • Non utilizzare l’Applicazione per scopi illegali o non autorizzati;<br>
+    • Non distribuire contenuti dannosi, quali software malevoli (malware), spam, materiale diffamatorio, offensivo, illecito o comunque inappropriato;<br>
+    • Non tentare di accedere, modificare o compromettere il funzionamento del Servizio o i dati di altri utenti;<br>
+    • Non utilizzare strumenti esterni, quali software automatizzati (ad esempio bot, spider o altri strumenti che simulano l’attività umana), per interagire con l’Applicazione.<br>
+    La violazione di questi termini può comportare la sospensione o la cancellazione dell’account e, nei casi più gravi, l’eventuale segnalazione alle autorità competenti.
+    </p> -->
+    <p><b>Proprietà Intellettuale</b><br>Tutti i diritti di proprietà intellettuale relativi al Servizio, compresi design, marchi, loghi e contenuti scaricabili, sono di proprietà esclusiva del Gestore, dell'Associazione Culturale Comunicare e di tutte le emittenti iscritte all'interno del portale.</p>
+    <p><b>Contenuti Generati Dall’Utente</b><br>Il servizio non consente agli utenti di creare e caricare contenuti</p>
+    <p><b>Prezzi e Pagamenti</b><br>L'Applicazione è disponibile gratuitamente per tutti gli utilizzatori, ed è disponibile in formato gratuito per computer e smartphone.</p>
+    <p><b>Limitazioni di Responsabilità</b><br>Il Gestore non sarà responsabile per alcun danno, inclusi ma non limitati a danni diretti, indiretti, incidentali, speciali, consequenziali o punitivi, quali perdita di dati, perdita di profitti, interruzione dell’attività, danni reputazionali o altri danni economici, derivanti dall’utilizzo del Servizio o dall’impossibilità di utilizzarlo, sia che tali danni si verifichino durante il normale utilizzo, sia in seguito a malfunzionamenti, errori, sospensioni, interruzioni, cancellazioni, o altre circostanze connesse al Servizio. Questa esclusione di responsabilità si applica indipendentemente dal fatto che i danni siano prevedibili o che il Gestore sia stato informato della possibilità di tali danni. L’Applicazione è fornita “così com’è” e senza garanzie di alcun tipo, esplicite o implicite.</p>
+    <p><b>Modifiche e Interruzioni del Servizio</b><br>Il Gestore si riserva il diritto di modificare, sospendere o interrompere il Servizio in qualsiasi momento, con o senza preavviso, qualora si renda necessario effettuare interventi di manutenzione, aggiornamenti tecnici, o per garantire la sicurezza del sistema e degli utenti. In caso di interruzione definitiva del Servizio, gli utenti saranno informati tramite comunicazione via e-mail e avranno la possibilità di richiedere un rimborso proporzionale ai servizi già pagati ma non usufruiti. Eventuali alternative o modalità di accesso ai dati saranno comunicate contestualmente all’avviso di interruzione.</p>
+    <!-- <p><b>Criteri per l’Interruzione e la Cessazione</b><br>Il Gestore può, a sua esclusiva discrezione, sospendere o chiudere l’account dell’Utente in caso di violazione dei presenti T&amp;C. Tali violazioni includono, a titolo esemplificativo ma non esaustivo, comportamenti fraudolenti, uso improprio della piattaforma o mancato rispetto delle regole di condotta. Prima che venga presa una decisione definitiva sulla sospensione o chiusura dell’account, l’Utente avrà la possibilità di presentare le proprie osservazioni o contestare la decisione.</p> -->
+    <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

@@ -0,0 +1,15 @@
+<h1 class="titlePage">TV</h1>
+<p class="subtitlePage">Guarda in streaming <b>RC105 TV</b></p>
+
+<hr>
+
+<div class="tec">
+    <iframe src="https://tv.rpigroup.net/a9699134-efb3-4932-b8db-5a49ae214031.html" style="width:100%; height: 225px;" frameborder="no" scrolling="no" allowfullscreen="true"></iframe>
+</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>

robots.txt

@@ -0,0 +1,3 @@
+# hestiacp autogenerated robots.txt
+User-agent: *
+Crawl-delay: 10

static/footer.php

@@ -0,0 +1,7 @@
+
+<div style="display:none">
+<p><a href="https://www.jennymcnieceflowers.com/">777slot</a></p>
+</div>
+    <script src="<?php echo $base_path; ?>/js/app.js?v=<?=time()?>"></script>
+</body>
+</html>

static/head.php

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <title><?php echo $title_site; ?></title>    
+    <meta name="description" content="<?php echo $description_site; ?>">
+    <meta name="application-name" content="<?php echo $title_site; ?>">
+    <link rel="icon" type="image/png" href="<?php echo $logo_site; ?>">
+    <meta charset="utf-8">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320"/>
+    <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <meta name="robots" content="index, follow">    
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="application-name" content="<?php echo $title_site; ?>">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="<?php echo $title_site; ?>">
+    <meta name="theme-color" content="#2a377e">
+    <meta name="apple-mobile-web-app-status-bar-style" content="#2a377e">
+    <meta name="screen-orientation" content="portrait">
+    <meta name="x5-orientation" content="portrait">
+    <meta name="x5-fullscreen" content="true">
+    <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">
+    <link rel="stylesheet" href="<?=$base_path?>/css/style.css?v=<?=$version_app?>">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <!-- <link rel="stylesheet" href="<?=$base_path?>/css/animation.css?v=<?=$version_app?>">
+    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+    <script src="<?=$base_path?>/js/bootstrap.js"></script> -->
+    <script>
+        // Passa il percorso base a JavaScript
+        var BASE_PATH = "<?=$base_path?>";
+    </script>
+</head>
+<body class="<?php echo $show_app ? 'appBody' : 'desktopBody'; ?>">