vers. 2.6.2

css/style.css

@@ -234,18 +234,27 @@ main {
 }
 
 .clickBox {
-  width: 100%;
-  border: 2px solid #2a377e;
   text-align: center;
-  border-radius: 20px;
   font-weight: 500;
-  /* margin-bottom: 10px; */
+  background: #ffffff;
-  padding: 4px;
+  border-top: 5px solid #2a377e;
+  border-radius: 12px;
+  padding: 15px;
+  margin-bottom: 15px;
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  border-left: 1px solid #f0f0f0;
+  border-right: 1px solid #f0f0f0;
+  border-bottom: 1px solid #f0f0f0;
 }
 
 .clickBox.Squared {
   font-weight: 600;
-  border: solid 4px #2a377e;
+  border-left: 2px solid #f7b836;
+  border-right: 2px solid #f7b836;
+  border-bottom: 2px solid #f7b836;
+  border-top: 5px solid #f7b836;
 }
 
 .clickBox>img {
@@ -426,6 +435,7 @@ button#formatToggleBtn {
 
 /* Hide all PWA install indicators when running as standalone installed app */
 @media (display-mode: standalone) {
+
   .pwa-install-btn,
   .pwa-install-banner,
   .pwa-install-btn-nav {
@@ -825,14 +835,30 @@ button#formatToggleBtn {
 }
 
 @keyframes pulse-offline {
-  0% { transform: scale(1); opacity: 0.8; }
+  0% {
-  50% { transform: scale(1.08); opacity: 1; }
+    transform: scale(1);
-  100% { transform: scale(1); opacity: 0.8; }
+    opacity: 0.8;
+  }
+
+  50% {
+    transform: scale(1.08);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
+  0% {
-  100% { transform: rotate(360deg); }
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .spinner-offline {

data/changelog.xml

@@ -2,6 +2,15 @@
 
 <changelog>
 
+    <version>
+        <number>2.6.2</number>
+        <logs>
+            <log>Aggiornato il layout e CSS della homepage dell'applicazione.</log>
+            <log>Pulizia e alleggerimento del codice Javascript, rimuovendo il logging eccessivo di debug.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
     <version>
         <number>2.6.1</number>
         <logs>

pages/page/home.php

@@ -3,10 +3,10 @@
 <h1 class="titlePage">Benvenuto</h1>
 <p class="subtitlePage">nella nuova RPIGroup Play</p>
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-6">
         <a href="<?php echo $base_path; ?>/radio" data-page="radio" class="linkBox">
-            <div class="clickBox Squared">
+            <div class="clickBox Squared p-2">
                 <img src="<?=$base_path?>/img/radio.png" alt="Radio">
                 <p class="m-0 p-0">Radio</p>
             </div>
@@ -14,7 +14,7 @@
     </div>
     <div class="col-6">
         <a href="<?php echo $base_path; ?>/tv" data-page="tv" class="linkBox">
-            <div class="clickBox Squared">
+            <div class="clickBox Squared p-2">
                 <img src="<?=$base_path?>/img/tv.png" alt="tv">
                 <p class="m-0 p-0">TV</p>
             </div>
@@ -72,10 +72,10 @@
 </div> -->
 
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-12">
         <a href="https://www.co-municare.it" target="_blank" class="">
-            <div class="clickBox p-2">
+            <div class="clickBox">
                 <img src="https://www.co-municare.it/wp-content/uploads/2025/01/newlogo_co-municare-it.png" alt="logo Co-Municare.it">
             </div>
         </a>
@@ -103,7 +103,7 @@
     </div>
 </div>
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-12">
         <a href="https://drive.asv.ovh/apps/forms/s/Zfk8cJk3oCz2Y2dHyWdEcgL7" target="_blank" class="linkBox">
             <div class="clickBox p-2">

pages/page/podcast.php

@@ -112,7 +112,14 @@ function formatDateItalian($dateString) {
     #podcast-detail {
         display: none;
         animation: slideIn 0s ease-out;
-        position: fixed;background: #ffffff;top: 148px;left: 0;width: 100%;
+        position: fixed;
+        background: #ffffff;
+        top: 154px;
+        max-width: 750px;
+        min-width: 330px;
+        width: 100%;
+        left: 50%;
+        transform: translateX(-50%);
     }
     @keyframes slideIn {
         from { opacity: 0; transform: translateX(0); }
@@ -126,9 +133,9 @@ function formatDateItalian($dateString) {
     }
     .podcast-iframe {
         width: 100%;
-        height: calc(100vh - 173px);
+        height: calc(100vh - 180px);
         border: none;
-        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         background: #f9f9f9;
         margin-top: -54px;
     }