New email address.

Foto interni bus + notizia

_redirects

@@ -1,2 +1,3 @@
 /sitemap /sitemap.xml
-/extra_menu/extra /service/comingsoon.html
+/extra_menu/extra /service/comingsoon.html
+/dani /admin/dani/servizi.html

extra_menu/altri.html

@@ -19,7 +19,7 @@
         </nav>
     </header>
     <h1>Altre Regioni</h1>
-    <p>Qua si possono trovare foto di altri gestori di tutta Italia.</p>
+    <p>Qua si possono trovare foto di altri gestori di tutta Italia. (questa pagina è morta. colpa mia)</p>
     <table class="image-table">
         <tr>
             <td>

index.html

@@ -31,21 +31,27 @@
     <h1 class="spazio"></h1>
     <hr class="solid">
     <h1 class="nospazio">Novità sito:</h1>
-    <p class="novitasito"></p>
+    <p class="novitasito">
+        ATTENZIONE! Abbiamo cambiato provider email, clicca su "Contattaci" nel footer qui sotto o in <a class="novita" href="chisiamo.html">chi siamo</a><br>per vedere il nuovo indirizzo.
+    </p>
     <div class="container">
         <div class="riga">
             <h2 class="piccolospazio">SETA:</h2>
             <p class="piccolospazio">
                 <strong>Servizi rapidi:</strong> <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> <br> <br>
+                Ridimensionate tabelle <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>, <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> e <a class="novita" href="/seta_menu/businservizio/index.html">Bus in servizio</a> per schermi piccoli. <br>
+                Sistemata grafica cerca orario. <br> <br>
                 Nuove foto: <a class="novita" href="/setamodena_bus/suburbano/bredone.html">Breda 18m</a> <br> <br>
-                Nuovo modello in servizio: <a class="novita" href="/setamodena_bus/suburbano/surbinostart.html">Solaris Urbino 18 III ex START</a> <br><br>
+                Nuovo modello in servizio: <a class="novita" href="/setamodena_bus/suburbano/surbinostart.html">Solaris Urbino 18 III ex START</a>
-                Ridimensionata tabella dei percorsi per schermi piccoli.
             </p>
         </div>
         <div class="riga">
             <h2 class="piccolospazio">Ravenna:</h2>
             <p class="piccolospazio">
-                Aggiunti: <a class="novita" href="/startravenna_bus/urbano/manlc12e.html">MAN Lion's City 12E</a>.
+                Nuove foto Interni: <a class="novita" href="/startravenna_bus/urbano/karsan.html">Karsan e-ATAK 37137</a>,<br> <a class="novita" href="/startravenna_bus/urbano/uwdim.html">Iveco Urbanway 12 CNG Dimostrativo 32401</a> <br>e <a class="novita" href="/startravenna_bus/suburbano/citelis.html">Irisbus Citelis CNG 10425</a><br><br>
+                Scritta la <a class="novita" href="/start_menu/servizi/start-fermatebus/info.html">guida</a> "come cercare il codice fermata".<br>
+                Nuova grafica per il servizio <a class="novita" href="/start_menu/servizi/start-livebus/index.html">autobus in tempo reale</a>.<br>
+                Aggiunti: <a class="novita" href="/startravenna_bus/urbano/manlc12e.html">MAN Lion's City 12E</a>
             </p>
         </div>
         <div class="riga">
@@ -56,7 +62,7 @@
         <div class="riga">
             <h2 class="piccolospazio">EXTRA:</h2>
             <p class="piccolospazio">
-                <strong>COMING SOON™</strong>
+                <strong>COMING SOON™ - 02/10/2025</strong>
             </p>
         </div>
     </div>

scripts/ertpl.js

@@ -53,14 +53,18 @@ function chisiamoInizializza() {
     setInterval(updateTimer, 1000);
 }
 
+// This function below is just a simple obfuscator for the email address, in order to prevent bots invading the inbox.
+
 function mostraemail() {
     document.getElementById("email").innerHTML = "";
     const p1 = "info";
     const p2 = ".";
     const p3 = "ertpl";
     const p4 = "@";
-    const p5 = "gmail";
+    const p5 = "protonmail";
     const p6 = ".";
     const p7 = "com";
-    document.getElementById("email").innerHTML = p1+p2+p3+p4+p5+p6+p7;
+    const link = document.getElementById("email").appendChild(document.createElement("a"));
+    link.innerHTML = p1+p2+p3+p4+p5+p6+p7;
+    link.setAttribute("href", "mailto:" + p1+p2+p3+p4+p5+p6+p7);
 }

service/pastebin-errori.html

@@ -3,4 +3,9 @@
 </ul>
 <ul>
     <li><h1 class="warning">ATTENZIONE! Stiamo aggiornando i nostri server e perciò non è possibile visitare alcune sezioni o usare alcune funzioni. Ci scusiamo per il disagio.</h1></li>
-</ul>
+</ul>
+<nav>
+    <ul>
+        <li><h1 class="yellow-warning">ATTENZIONE! I nuovi urbanway 4793-4799 non compaiono (sul cerca orario si) a causa di problemi SETA.</h1></li>
+    </ul>
+</nav>

seta_menu/businservizio/css/style.css

@@ -168,13 +168,6 @@ select,input{
 }
 
 @media (max-width: 768px) {
-    .search-result {
-        display: block;
-        width: 95.5%;
-    }
-    th,td {
-        font-size: 70%;
-    }
     p.scaled{
         font-size: 70%;
     }
@@ -182,8 +175,28 @@ select,input{
         margin-top: 10px;
         min-width: 100%;
     }
+    div.content-background {
+        max-width: 100%;
+    }
+    .search-result {
+        display: block;
+        width: 96.5%;
+    }
+    .container {
+        flex-direction: column;
+    }
+    th,td {
+        font-size: 2vw;
+    }
+    nav#corsie-nav ul li a{
+        font-size: 90%;
+        margin: 0;
+    }
+    table {
+        width: 100%;
+    }
     h2{
-        margin-bottom: 0;
+        margin-bottom: 8px;
     }
     h2.noreduction{
         margin-bottom: 16px;
@@ -195,8 +208,20 @@ select,input{
         width: 98%;
         height: auto;
     }
-    div.content-background {
+}
-        max-width: 100%;
+
+@media (max-width: 512px) {
+    th,td {
+        font-size: 3vw;
+    }
+    table{
+        margin-top:10px;
+    }
+    h2{
+        margin-bottom: 0;
+    }
+    h2.noreduction{
+        margin-bottom: 16px;
     }
 }
 

seta_menu/businservizio/index.html

@@ -15,11 +15,6 @@
 </head>
 <body>
     <header>
-        <nav>
-            <ul>
-                <li><h1 class="yellow-warning">ATTENZIONE! I nuovi urbanway 4793-4799 non compaiono (sul cerca orario si) a causa di problemi SETA.</h1></li>
-            </ul>
-        </nav>
         <nav id="nav-inservizio" style="display: flex;">
             <ul>
                 <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>

seta_menu/businservizio/js/script.js

@@ -27,7 +27,7 @@ fetch(urlRoutes)
             lineaSelect.appendChild(option);
         });
     })
-    .catch(error => console.error('Errore nel caricamento dei dati:', error));
+    .catch(error => {console.error('Errore nel caricamento dei dati:', error)});
 fetch(urlModels)
     .then(response => {
         if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
@@ -49,7 +49,7 @@ fetch(urlModels)
             }
         });
     })
-    .catch(error => console.error('Errore nel caricamento dei dati:', error));
+    .catch(error => {console.error('Errore nel caricamento dei dati:', error)});
 
 
 function modelsDictionary(model){
@@ -377,5 +377,5 @@ function caricaFiltratiModello(selectedOption){
 }
 
 function reloadFiltratiModello(){
-    caricaFiltratiModello(lineaSelect.value);
+    caricaFiltratiModello(modelloSelect.value);
 }

seta_menu/cercaorario/css/style.css

@@ -151,23 +151,23 @@ img{
 @media (max-width: 768px) {
     .search-result {
         display: block;
-        width: 95.5%;
+        width: 96.5%;
     }
     .container {
         flex-direction: column;
     }
     th,td {
-        font-size: 70%;
+        font-size: 2vw;
     }
     nav#corsie-nav ul li a{
-        font-size: 75%;
+        font-size: 90%;
         margin: 0;
     }
     table {
-        margin-top: 10px;
+        width: 100%;
     }
     h2{
-        margin-bottom: 0;
+        margin-bottom: 8px;
     }
     h2.noreduction{
         margin-bottom: 16px;
@@ -187,6 +187,24 @@ img{
     }
 }
 
+@media (max-width: 512px) {
+    th,td {
+        font-size: 3vw;
+    }
+    table{
+        margin-top:10px;
+    }
+    nav#corsie-nav ul li a{
+        font-size: 3.2vw;
+    }
+    h2{
+        margin-bottom: 0;
+    }
+    h2.noreduction{
+        margin-bottom: 16px;
+    }
+}
+
 footer {
     position: relative;
     bottom: 0;

start_menu/servizi/start-fermatebus/css/style.css

@@ -14,6 +14,10 @@
     #tabella-container{
         overflow-x: scroll;
     }
+    .palinatelefono{
+        max-width: 300px;
+        height: auto !important;
+    }
 }
 
 body {

start_menu/servizi/start-fermatebus/index.html

@@ -21,7 +21,7 @@
         </nav>
     </header>
     <h1>Visualizzatore fermate START Romagna</h1>
-    <a class="info" href="info.html">Informazioni sul servizio</a><br>
+    <a class="info" href="info.html">Hai bisogno d'aiuto? - Informazioni sul servizio</a><br>
     <label for="bacino">Bacino:</label>
     <select id="bacino" autocomplete="off">
         <option value="n" selected>--Scegli un'opzione--</option>

start_menu/servizi/start-fermatebus/info.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>START Romagna - Visualizza fermata</title>
+    <title>START Romagna - Informazioni sul servizio</title>
     <link rel="stylesheet" href="css/style.css">
     <link rel="shortcut icon" href="img/favicon.ico">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -22,15 +22,38 @@
         </nav>
     </header>
     <h1>Note e informazioni sul visualizzatore fermate</h1>
-    <h3>Come leggere il codice fermata e inserirlo sul sito:</h3>
+    <h4><a href="#codiceFermata">Vai alla sezione "codice fermata"</a> oppure <a href="#noteVarie">vai alla sezione "note varie"</a>.</h4>
-    <p><em>Questa sezione sarà scritta entro o poco oltre l'inizio del servizio scolastico</em></p>
+    <h3 id="codiceFermata">Come leggere il codice fermata e inserirlo sul sito:</h3>
-    <h3>Note varie:</h3>
+    <p><em>Clicca sulle foto per visualizzarle interamente se sono troppo piccole.</em></p>
-    <ul class="lista">
+    <p>Analizziamo i diversi tipi di fermate autobus presenti nel territorio, esistono diversi formati, dove si possono trovari dati in maniera differente.</p>
-        <li>I dati qui visualizzati sono direttamente ottenuti da Start Romagna,<br>pertanto eventuali imprecisioni o errori non sono a carico nostro.</li>
+    <h3>Paline ATM</h3>
-        <li>Per le linee di Ravenna sono state incluse le varianti (es. 1B, 4C, 70/...), esse si basano sul tipo di capolinea in base agli orari.<br>Non conoscendo FC e RN, è impossibile replicare ciò senza errori (se vuoi aiutarci, scrivici nella mail di <a href="/chisiamo.html">chi siamo</a>).</li>
+    <div style="display: flex; justify-content: center;">
-        <li>Un particolare accenno è dedicato alle linee "barrate", esempio 4/, 80/... Esse compariranno quando una linea è "limitata" come da orario oppure,<br>come abbiamo notato in vita reale, quando una corsa tipo il 70 e l'80 vengono soppresse spesso le dividono a metà e si fermano in stazione.</li>
+        <div style="margin-right: 20px;"><a id="palinaatmstendardo-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMstendardo.jpg&fileId=30599&x=1920&y=1080&a=true&etag=9bba74f8caa2ede01714cf25212e1631"><img height="500" id="palinaatmstendardo-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMstendardo.jpg&fileId=30599&x=1920&y=1080&a=true&etag=9bba74f8caa2ede01714cf25212e1631" onerror='this.onerror=null; changeUrlToFallback("palinaatmstendardo-link1","palinaatmstendardo-img1","/Dani/Fermate/PalinaATMstendardo.jpg");' alt="Server foto non raggiungibile."></a></div>
-        <li>Ci tenevo (io, Il Dani) a precisare che queste varianti possono non essere sempre corrette, in tal caso mi scuso in anticipo, ma almene avete un dettaglio in più,<br>perchè start mette solo il numero linea su Infobus.</li>
+        <div style="text-align: left;"><p>Questa è una fermata classica proveniente dai tempi di ATM Ravenna.<br>Possiede un numero grande da tre (o quattro - 7XXXX0) cifre sul fianco esterno ed esso<br>ne costituisce il codice fermata breve (se è XXX allora il codice lungo è 70XXX0).</p><br><p>Il secondo elemento è il foglietto "Infobus" che fornisce indicazioni come il nome fermata<br>e il codice fermata lungo, più dettagli dopo, dove descrivo questo foglietto.</p></div>
-    </ul>
+    </div>
+    <div style="display: flex; justify-content: center;">
+        <div style="margin-right: 20px;"><a id="palinaatmpiccola-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMcorta.jpg&fileId=30598&x=1920&y=1080&a=true&etag=9e3a5e4683ba4f1d46b071b566bf1f7b"><img height="500" id="palinaatmpiccola-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMcorta.jpg&fileId=30598&x=1920&y=1080&a=true&etag=9e3a5e4683ba4f1d46b071b566bf1f7b" onerror='this.onerror=null; changeUrlToFallback("palinaatmpiccola-link1","palinaatmpiccola-img1","/Dani/Fermate/PalinaATMcorta.jpg");' alt="Server foto non raggiungibile."></a></div>
+        <div style="text-align: left;">Palina ridotta ex ATM, stessi modi per ottenere il codice fermata.</div>
+    </div>
+    <p>Attenzione: in queste fermate ex ATM se non trovi il <b>foglietto Infobus</b> e non ci sono tabelle orarie<br>(in alcuni casi ce n'è una di un privato ma mai rimossa, oppure la fermata è nuova, in tal caso ignora ciò detto), ciò significa che la fermata è ABBANDONATA!<br>In altri casi c'è un foglio con scritto "Fermata sospesa" o "Fermata soppressa".</p>
+    <h3>Altre fermate</h3>
+    <a id="fermataGrande-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaGrande.jpg&fileId=30615&x=1920&y=1080&a=true&etag=ebb6fe85b2e2b93a23906508101da863"><img height="500" class="palinatelefono" id="fermataGrande-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaGrande.jpg&fileId=30615&x=1920&y=1080&a=true&etag=ebb6fe85b2e2b93a23906508101da863" onerror='this.onerror=null; changeUrlToFallback("fermataGrande-link1","fermataGrande-img1","/Dani/Fermate/PalinaGrande.jpg");' alt="Server foto non raggiungibile."></a>
+    <p>In questo tipo di fermata è presente solo il foglietto Infobus.</p>
+    <a id="tabellaOraria-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/TabellaNuova.jpg&fileId=30614&x=1920&y=1080&a=true&etag=76fed8c1faabcfce1518ead562625930"><img height="500" class="palinatelefono" id="tabellaOraria-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/TabellaNuova.jpg&fileId=30614&x=1920&y=1080&a=true&etag=76fed8c1faabcfce1518ead562625930" onerror='this.onerror=null; changeUrlToFallback("tabellaOraria-link1","tabellaOraria-img1","/Dani/Fermate/TabellaNuova.jpg");' alt="Server foto non raggiungibile."></a>
+    <p>Tabella molto gettonata, soprattutto nell'extraurbano.<br>Indica esplicitamente nome fermata e codice fermata lungo.<br>È spesso accompagnata dal foglietto infobus.</p>
+    <h3>Foglietto Infobus</h3>
+    <a id="infobus-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/Infobus.jpg&fileId=30616&x=1920&y=1080&a=true&etag=1b4a8e5f65d735492a5461986c4063da"><img height="500" class="palinatelefono" id="infobus-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/Infobus.jpg&fileId=30616&x=1920&y=1080&a=true&etag=1b4a8e5f65d735492a5461986c4063da" onerror='this.onerror=null; changeUrlToFallback("infobus-link1","infobus-img1","/Dani/Fermate/Infobus.jpg");' alt="Server foto non raggiungibile."></a>
+    <p>Questo foglietto, introdotto a giugno per il servizio infobus.startromagna.it, indica il nome della fermata e il codice fermata lungo, inseribili poi nel nostro <a href="index.html">visualizzatore fermate</a>.</p>
+    <h3 id="noteVarie">Note varie:</h3>
+    <div style="display: flex; justify-content: center; text-align: left;">
+        <ul class="lista">
+            <li>I dati qui visualizzati sono direttamente ottenuti da Start Romagna, pertanto eventuali imprecisioni o errori non sono a carico nostro.</li>
+            <li>Per le linee di Ravenna sono state incluse le varianti (es. 1B, 4C, 70/, ...), esse si basano sul tipo di capolinea. Una linea come l'1B e l'1C che lo hanno<br>uguale verranno mostrate entrambe come 1B. Con i dati di start non posso fare di meglio.<br>Non conoscendo FC e RN, è impossibile replicare ciò senza errori (se vuoi aiutarci, scrivici nella mail di <a href="/chisiamo.html">chi siamo</a>).</li>
+            <li>Un particolare accenno è dedicato alle linee "barrate", esempio 4/, 80/, ecc. Esse compariranno quando una linea è "limitata" come da orario oppure,<br>come abbiamo notato in vita reale, quando una corsa di tipo urbana o suburbana viene soppressa, dividendola a metà e facendola fermare in stazione.</li>
+            <li>Ci tenevo (io, Il Dani) a precisare che queste varianti possono non essere sempre corrette, in tal caso mi scuso in anticipo, ma almeno avete un dettaglio in più,<br>perchè start mette solo il numero linea su Infobus.</li>
+        </ul>
+    </div>
+    <p>- IlDani 2025.</p>
     <footer>
         <div>
 			<p>Copyright &copy; 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani <a href="https://github.com/Daniongithub/startfermate" target="_blank">codice sorgente</a><br>Start Romagna, Start e il logo Start Romagna sono marchi registrati e protetti da copyright da Start Romagna SpA. Vengono usati in questa pagina solo per riferimento.</p>

start_menu/servizi/start-livebus/css/style.css

@@ -1,8 +1,8 @@
 body {
-    background-color: #282828;
+  background-color: #282828;
-    text-align: center;
+  text-align: center;
-    color: white;
+  color: white;
-    font-family: Titillium Web;
+  font-family: Titillium Web;
 }
 
 h1 {
@@ -22,15 +22,8 @@ p {
 }
 
 #data-container {
-  margin-top: 20px;
+  min-width: 80%;
-  max-width: 1000px;
+  max-width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: #333;
-  padding: 20px;
-  border-radius: 12px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  overflow-x: scroll;
 }
 
 .filter-container {
@@ -69,52 +62,46 @@ p {
 }
 
 table {
-  width: 100%;
+  border-collapse: separate; 
-  border-collapse: collapse;
+  border-spacing: 0;
-  margin-top: 20px;
+  border: 1px solid rgb(100,100,100);
-  font-size: 15px;
+  border-radius: 16px;
-  border-radius: 8px;
+  overflow: hidden; 
-  overflow: hidden;
+  min-width: 85%;
+  max-width: 100%;
+  margin: 18px auto;
 }
 
-table th:nth-child(6),
+/*Linee verticali*/
-td:nth-child(6){
+th:not(:last-child),
-  display: none;
+td:not(:last-child) {
+  border-right: 1px solid rgb(100,100,100);
 }
 
-table,
+/*Linee orizzontali*/
-th,
+tr:not(:last-child) > th,
-td {
+tr:not(:last-child) > td {
-  border: 1px solid #e0e0e0;
+    border-bottom: 1px solid rgb(100,100,100);;
 }
 
 th {
   background-color: slategray;
   color: white;
-  padding: 12px;
+  text-align: center;
-  text-align: left;
+  padding: .7vw;
 }
 
 td {
-  padding: 10px;
+  padding: .7vw;
-  background-color: dimgray;
+  background-color: #282828;
   color: white;
 }
 
 tr:nth-child(even) td {
-  background-color: gray;
+  background-color: rgb(60, 60, 60);
-}
-
-tr:hover td {
-  background-color: darkgray;
 }
 
 @media (max-width: 768px) {
-  table th:nth-child(4),
-  td:nth-child(4){
-    display: none;
-  }
-
   .filter-container input{
       margin-top: 5px;
   }
@@ -122,6 +109,9 @@ tr:hover td {
   .filter-container button{
     margin-top: 75%;
   }
+  #data-container {
+    overflow-x: scroll;
+  }
 }
 
 button {

start_menu/servizi/start-livebus/js/script.js

@@ -42,24 +42,38 @@ function applyFilter() {
       const table = document.createElement('table');
 
       // Aggiungi l'intestazione della tabella
-      const header = table.createTHead();
+      var th = document.createElement('th');
-      const headerRow = header.insertRow();
+      var tr = document.createElement('tr');
-      headerRow.insertCell().textContent = 'Zona';
+      th.innerHTML='Zona';
-      headerRow.insertCell().textContent = 'Linea';
+      tr.appendChild(th);
-      headerRow.insertCell().textContent = 'Fermata';
+      th = document.createElement('th');
-      headerRow.insertCell().textContent = 'Codice Fermata';
+      th.innerHTML='Linea';
-      headerRow.insertCell().textContent = 'Veicolo';
+      tr.appendChild(th);
-      headerRow.insertCell().textContent = ' ';
+      th = document.createElement('th');
-      headerRow.insertCell().textContent = 'Ultimo Aggiornamento';
+      th.innerHTML='Fermata';
+      tr.appendChild(th);
+      th = document.createElement('th');
+      th.innerHTML='Codice fermata';
+      tr.appendChild(th);
+      th = document.createElement('th');
+      th.innerHTML='Veicolo';
+      tr.appendChild(th);
+      th = document.createElement('th');
+      th.innerHTML='Ultimo aggiornamento';
+      tr.appendChild(th);
+      table.appendChild(tr);
 
       // Aggiungi i dati alla tabella
-      const tbody = table.createTBody();
       data.forEach(row => {
-        const rowElement = tbody.insertRow();
+        const rowt = document.createElement('tr');
         row.forEach(cellData => {
-          const cell = rowElement.insertCell();
+          if(cellData!=""){
-          cell.textContent = cellData;
+            const cell = document.createElement('td');
+            cell.innerHTML = cellData;
+            rowt.appendChild(cell);
+          }
         });
+        table.appendChild(rowt);
       });
 
       // Aggiungi la tabella alla pagina

startravenna_bus/suburbano/citelis.html

@@ -122,6 +122,12 @@
         <tr>
             <td><a id="10422-linkint1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/INTSTART10422(2).jpg&fileId=178791&x=1920&y=1080&a=true&etag=45c7042729a070ff36b4619b752ed91d"><img id="10422-imgint1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/INTSTART10422(2).jpg&fileId=178791&x=1920&y=1080&a=true&etag=45c7042729a070ff36b4619b752ed91d" onerror='this.onerror=null; changeUrlToFallback("10422-linkint1","10422-imgint1","/Fogli/START/Irisbus Citelis Start Ravenna/INTSTART10422(2).jpg");' alt="Server foto non raggiungibile."></a></td>
         </tr>
+        <tr>
+            <td colspan="4"><h2>10425</h2></td>
+        </tr>
+        <tr>
+            <td><a id="int10425-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int10425.jpg&fileId=30640&x=2560&y=1440&a=true&etag=8a75a69ba1ee42041175f9dd535110d2"><img id="int10425-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int10425.jpg&fileId=30640&x=2560&y=1440&a=true&etag=8a75a69ba1ee42041175f9dd535110d2" onerror='this.onerror=null; changeUrlToFallback("int10425-link1","int10425-img1","/Dani/Erik/int10425.jpg");' alt="Server foto non raggiungibile."></a></td>
+        </tr>
     </table>
 </body>
 </html>

startravenna_bus/urbano/karsan.html

@@ -174,5 +174,12 @@
         <tr>
             <td><a id="int37126-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Leo/START/Karsan/interni37126.jpg&fileId=25158&x=1920&y=1080&a=true&etag=78538b11aca96bca7cbc869d78633b40"><img id="int37126-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Leo/START/Karsan/interni37126.jpg&fileId=25158&x=1920&y=1080&a=true&etag=78538b11aca96bca7cbc869d78633b40" onerror='this.onerror=null; changeUrlToFallback("int37126-link1","int37126-img1","/Leo/START/Karsan/interni37126.jpg");' alt="Server foto non raggiungibile."></a></td>
         </tr>
+        <tr>
+            <td colspan="4"><h2>37137</h2></td>
+        </tr>
+        <tr>
+            <td><a id="int37137-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int37137.jpg&fileId=30641&x=2560&y=1440&a=true&etag=bb7b3c9921b6adf9395190dd81894e70"><img id="int37137-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int37137.jpg&fileId=30641&x=2560&y=1440&a=true&etag=bb7b3c9921b6adf9395190dd81894e70" onerror='this.onerror=null; changeUrlToFallback("int37137-link1","int37137-img1","/Dani/Erik/int37137.jpg");' alt="Server foto non raggiungibile."></a></td>
+        </tr>
+    </table>
 </body>
 </html>

startravenna_bus/urbano/uwdim.html

@@ -31,5 +31,14 @@
             <td><a id="32401-link" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&a=true&etag=46e25ae018a48e8146bbb1fd92a92ea0"><img id="32401-img" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&a=true&etag=46e25ae018a48e8146bbb1fd92a92ea0" onerror='this.onerror=null; changeUrlToFallback("32401-link","32401-img","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg");' alt="Server foto non raggiungibile."></a></td>
         </tr>
     </table>
+    <h1>Interni</h1>
+    <table class="image-table">
+        <tr>
+            <td colspan="4"><h2>32401</h2></td>
+        </tr>
+        <tr>
+            <td><a id="int32401-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int32401.jpg&fileId=30642&x=2560&y=1440&a=true&etag=c1a869f8ef9fc07acb9d68c52232f3b7"><img id="int32401-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int32401.jpg&fileId=30642&x=2560&y=1440&a=true&etag=c1a869f8ef9fc07acb9d68c52232f3b7" onerror='this.onerror=null; changeUrlToFallback("int32401-link1","int32401-img1","/Dani/Erik/int32401.jpg");' alt="Server foto non raggiungibile."></a></td>
+        </tr>
+    </table>
 </body>
 </html>

style.css

@@ -268,6 +268,13 @@ table.image-table img {
     font-family: Titillium Web;
     font-size: medium;
 }
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 20px;
+    margin: 20px;
+}
 @media (max-width: 768px) {
     table.image-table {
         width: 100%;
@@ -283,6 +290,8 @@ table.image-table img {
     }
     .container {
         flex-direction: column;
+        margin-left:0;
+        margin-right:0;
     }
     iframe.chisiamo{
         width: 340px;
@@ -390,11 +399,4 @@ table.image-table img {
     width: 300px;
     margin: 20px;
     font-size: 16px;
-}
-.container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    gap: 20px;
-    margin: 20px;
 }