Revert "Release Extra + fix Zaganelli ex Austria"

Release Extra + fix Zaganelli ex Austria

_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

chisiamo.html

@@ -40,7 +40,7 @@
         - Erik Montagne<br>
         - PhotoTransport.06<br>
       </p>
-      <p>Se vuoi mandarci foto scrivimi su discord: leo_craft1_6426, oppure manda una mail a: <div id="email"><button class="bottone" onclick="mostraemail()">clicca qui per mostrare l'indirizzo email</button></div></p>
+      <p>Se vuoi mandarci foto scrivimi su discord: leo_craft1_6426, oppure manda una mail a: <div id="email"><button class="bottone" onclick="mostraemail()">Clicca qui per mostrare l'indirizzo email</button></div></p>
       <p>ER-TPL è in vita da:</p>
       <div id="timer"></div>
       <h1 class="spazio"></h1>

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,12 +31,16 @@
     <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>
             </p>
@@ -44,7 +48,10 @@
         <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">
@@ -55,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,19 @@ 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.setAttribute("class", "novita")
+    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/cartaservizi.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ER-TPL</title>
+    <link rel="stylesheet" href="/style.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/atcma.png" type="image/x-icon">
+</head>
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
+                <li><a href="/seta_menu/seta.html"><h1 style="font-size: 100%;font-weight: 500;">SETA Modena</h1></a></li>
+            </ul>
+        </nav>
+    </header>
+    <h1>Archivio Carta dei servizi SETA</h1>
+    <p>Archivio carte dei servizi redatte da SETA</p>
+    <div class="verticale">
+        <a href="https://drive.serverissimo.freeddns.org/s/L25wsNefm78DwnC" class="button">2025</a>
+    </div>
+</body>
+</html>

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;

seta_menu/percorsi/css/style.css

@@ -161,14 +161,13 @@ img{
         flex-direction: column;
     }
     th,td {
-        font-size: 70%;
+        font-size: 90%;
     }
     nav#corsie-nav ul li a{
         font-size: 75%;
         margin: 0;
     }
     table {
-        margin-top: 10px;
         width: 100%;
     }
     h2{
@@ -192,6 +191,15 @@ img{
     }
 }
 
+@media (max-width: 512px) {
+    th,td {
+        font-size: 3.2vw;
+    }
+    table{
+        margin-top:10px;
+    }
+}
+
 footer {
     position: relative;
     bottom: 0;

seta_menu/percorsi/js/linea.js

@@ -46,13 +46,13 @@ function caricadati(){
 
         // Corpo tabella
         const tbody = document.createElement('tbody');
-        item.features.forEach(item => {
-            const element = item.properties;
+        item.forEach(item => {
+            const element = item;
             var tr = document.createElement('tr');
             tr.innerHTML = `
                 <tr>
-                    <td class="uguale"><a href="/seta_menu/cercaorario/fermata.html?code=${element.code}&name=${element.desc}" class="bianco">${element.desc}</a></td>
-                    <td class="uguale"><a href="/seta_menu/cercaorario/fermata.html?code=${element.code}&name=${element.desc}" class="bianco">${element.code}</a></td>
+                    <td class="uguale"><a href="/seta_menu/cercaorario/fermata.html?code=${item.code}&name=${item.desc}" class="bianco">${item.desc}</a></td>
+                    <td class="uguale"><a href="/seta_menu/cercaorario/fermata.html?code=${item.code}&name=${item.desc}" class="bianco">${item.code}</a></td>
                 </tr>
             `;
             tbody.appendChild(tr);
@@ -64,8 +64,12 @@ function caricadati(){
         container.appendChild(table);
     })
     .catch(err => {
-        console.error('Errore nel caricamento dati:', err);
-        document.getElementById('tabella-container').textContent = "Errore nella sintassi dei dati ricevuti.";
+        if(item.error=="Percorso non trovato"){
+            document.getElementById('tabella-container').textContent = "Percorso non trovato.";
+        }else{
+            console.error('Errore nel caricamento dati:', err);
+            document.getElementById('tabella-container').textContent = "Errore nella sintassi dei dati ricevuti.";
+        }
     });
 }
 

seta_menu/percorsi/js/rcodes.js

@@ -74,6 +74,10 @@ function routesDictionary(rcode){
             return "1A BONACINI -> POLO LEONARDO";
         case "MO1-As-160":
             return "1S AUTOSTAZIONE";
+        case "MO1-As-139":
+            return "1 POLO LEONARDO -> MARINUZZI";
+        case "MO1-Di-158":
+            return "1 STAZIONE FS -> V.ZETA";
         //Linea 2
         case "MO2-As-220":
             return "2 SAN DAMASO";
@@ -85,6 +89,10 @@ function routesDictionary(rcode){
             return "2A SAN DONNINO";
         case "MO2-Di-268":
             return "2 SAN DONNINO -> SAN DAMASO -> SANT'ANNA";
+        case "MO2-Di-290":
+            return "2/ AUTOSTAZIONE";
+        case "MO2-As-291":
+            return "2 AUTOSTAZIONE -> SAN DONNINO";
         //Linea 3
         case "MO3-As-343":
             return "3A VACIGLIO-MATTARELLA";
@@ -94,6 +102,32 @@ function routesDictionary(rcode){
             return "3 MATTARELLA";
         case "MO3-As-354":
             return "3A MONTEFIORINO -> VACIGLIO";
+        case "MO3-Di-397":
+            return "3B NONANTOLANA 1010";
+        case "MO3-As-396":
+            return "3B RAGAZZI DEL 99";
+        case "MO3-As-302":
+            return "3/ NONANTOLANA 1010 -> STAZIONE FS";
+        case "MO3-As-326":
+            return "3A MONTEFIORINO -> MATTARELLA -> VACIGLIO";
+        case "MO3-Di-400":
+            return "3B STAZIONE FS -> NONANTOLANA 1010";
+        case "MO3-Di-339":
+            return "3A S.CATERINA-MONTEFIORINO";
+        case "MO3-As-296":
+            return "3B NONANTOLANA 1010 -> CANALETTO -> RAGAZZI DEL 99";
+        case "MO3-As-294":
+            return "3A MONTEFIORINO -> CANALETTO -> MATTARELLA -> VACIGLIO";
+        case "MO3-Di-288":
+            return "3B RAGAZZI DEL 99 -> CANALETTO -> NONANTOLANA 1010";
+        case "MO3-Di-293":
+            return "3/ RAGAZZI DEL 99 -> STAZIONE FS";
+        case "MO3-Di-289":
+            return "3A VACIGLIO -> CANALETTO -> S.CATERINA-MONTEFIORINO";
+        case "MO3-Di-295":
+            return "3/ VACIGLIO -> STAZIONE FS";
+        case "MO3-Di-394":
+            return "3A NONANTOLANA -> S.CATERINA-MONTEFIORINO";
         case "MO3-Di-317":
             return "3 VACIGLIO -> MONTEFIORINO";
         case "MO3-Di-325 (2025)":
@@ -117,6 +151,10 @@ function routesDictionary(rcode){
             return "4 VACIGLIO NORD";
         case "MO4-As-432":
             return "4 V.NORD -> POLO -> GALILEI";
+        case "MO4-As-492":
+            return "4/ V.NORD -> AUTOSTAZIONE";
+        case "MO4-As-490":
+            return "4/ GALILEI -> AUTOSTAZIONE";
         //Linea 5
         case "MO5-Di-535":
             return "5A LA TORRE -> D'AVIA -> TRE OLMI";
@@ -180,6 +218,10 @@ function routesDictionary(rcode){
             return "8 PANNI";
         case "MO8-As-820":
             return "8 GARIBALDI -> GAZZOTTI";
+        case "MO8-Di-891":
+            return "8 GARIBALDI -> PANNI";
+        case "MO8-As-819":
+            return "8 GAZZOTTI";
         case "MO8-As-817 (2025)":
             return "8 GAZZOTTI";
         //Linea 9
@@ -246,6 +288,8 @@ function routesDictionary(rcode){
             return "11 SANT'ANNA";
         case "MO11-As-1137":
             return "11 ZODIACO";
+        case "MO11-Di-1140":
+            return "11/ STAZIONE FS";
         //Linea 12
         case "MO12-As-1279":
             return "12S GARIBALDI";

seta_menu/percorsi/js/script.js

@@ -18,6 +18,9 @@ fetch(url)
             if(element<100){
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>
@@ -26,6 +29,9 @@ fetch(url)
             }else if(element>390&&element<400){
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>
@@ -34,14 +40,20 @@ fetch(url)
             }else if(element=="5taxi"||element=="10tax"){
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>
                 `;
                 sContainer.appendChild(result);
-            }else if(/^[^A-Z].*[A-Z]/i.test(element)){
+            }else if(/^[^A-Z].*[A-Z]/i.test(element)||element.includes("(")){
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>
@@ -50,6 +62,9 @@ fetch(url)
             }else if(!/^[A-Z]/i.test(element)){
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>
@@ -58,6 +73,9 @@ fetch(url)
             }else{
                 const result = document.createElement('a');
                 result.setAttribute("class","bianco");
+                if(element.includes("(")){
+                    result.setAttribute("class","rosso");
+                }
                 result.setAttribute("href","rcodes.html?routenum="+element);
                 result.innerHTML = `
                     <div class="search-result"><h3>${element}</h3>

seta_menu/seta.html

@@ -43,8 +43,10 @@
       <div>
         <a class="gbutton" href="atcmlalinea.html">Archivio La Linea ATCM</a>
         <a class="gbutton" href="setastreetview.html">Storico StreetView</a>
+        <a class="gbutton" href="cartaservizi.html">Carta dei servizi</a>
       </div>
       <div style="height: 5px;"></div>
+      <hr class="solid">
       <h2>Servizi SETA Modena:</h2>
       <div>
         <a class="gbutton" href="cercaorario/index.html">Orari in tempo reale</a>

seta_menu/setasub.html

@@ -25,7 +25,7 @@
         <tr>
             <td>
                 <a href="/setamodena_bus/suburbano/citarou.html">
-                    <p>651-656, 676-682<br>Mercedes Citaro O530Ü</p>
+                    <p>651-656, 676-682<br>Mercedes Citaro O530NÜ</p>
                     <img class="bus" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Nader/654.jpg&fileId=7732&x=1920&y=1080&etag=b9ce4bdbf7f2a9c4452154f36354aa5b" alt="Server foto non raggiungibile.">
                 </a>
             </td>

setamodena_bus/suburbano/citarou.html

@@ -21,7 +21,7 @@
             </ul>
         </nav>
     </header>
-    <h1>651-656, 676-682<br>Mercedes Citaro O530Ü</h1>
+    <h1>651-656, 676-682<br>Mercedes Citaro O530NÜ</h1>
     <p>Questi Citaro O530Ü sono stati comprati nel 2003 da ATCM. In origine avevano una livrea grigia, arancione e azzurra, in seguito nel corso del 2007/2008 sono stati pitturati di giallo come il resto degli altri mezzi. Hanno motore identico ai Citaro 3p del 2004 (urbani) euro 4, cambio zf a 5 rapporti e display aesys.</p>
     <p>Questi mezzi girano nelle corse scolastiche di 815, 800, 392, 731,740, 760. Sono state radiate alcune vetture tra cui il 651 a luglio 2025.</p>
     <a class="button" target="_blank" href="https://www.youtube.com/playlist?list=PLXwZ-M9NhcE3HkT49RfWnBEWVgsjZ81rr">Video sul Bus</a>

setamodena_bus/suburbano/solaris18.html

@@ -22,7 +22,7 @@
         </nav>
     </header>
     <h1>209-212<br>Solaris Urbino 18 III</h1>
-    <p>Sono stati comprati dall'ATCM a Marzo 2010. E' stato realizzato un articolo su di essi su La Linea: <a href="https://drive.serverissimo.freeddns.org/s/RdRWTmeQPkw2CLQ">https://drive.serverissimo.freeddns.org/s/RdRWTmeQPkw2CLQ</a></p>
+    <p>Sono stati comprati dall'ATCM a Marzo 2010. E' stato realizzato un articolo su di essi su La Linea: <a href="https://drive.serverissimo.freeddns.org/s/W5w9iEMrLC9twdX">https://drive.serverissimo.freeddns.org/s/W5w9iEMrLC9twdX</a></p>
     <p>Sono equipaggiati con motore DAF PR228S2 da 314CV Euro 5 EEV, cambio Voith e display aesys.</p>
     <table class="image-table">
         <tr>

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>
-    <p><em>Questa sezione sarà scritta entro o poco oltre l'inizio del servizio scolastico</em></p>
-    <h3>Note varie:</h3>
-    <ul class="lista">
-        <li>I dati qui visualizzati sono direttamente ottenuti da Start Romagna,<br>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 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>
-        <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>
-        <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>
-    </ul>
+    <h4><a href="#codiceFermata">Vai alla sezione "codice fermata"</a> oppure <a href="#noteVarie">vai alla sezione "note varie"</a>.</h4>
+    <h3 id="codiceFermata">Come leggere il codice fermata e inserirlo sul sito:</h3>
+    <p><em>Clicca sulle foto per visualizzarle interamente se sono troppo piccole.</em></p>
+    <p>Analizziamo i diversi tipi di fermate autobus presenti nel territorio, esistono diversi formati, dove si possono trovari dati in maniera differente.</p>
+    <h3>Paline ATM</h3>
+    <div style="display: flex; justify-content: center;">
+        <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>
+        <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>
+    </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;
-    text-align: center;
-    color: white;
-    font-family: Titillium Web;
+  background-color: #282828;
+  text-align: center;
+  color: white;
+  font-family: Titillium Web;
 }
 
 h1 {
@@ -22,15 +22,8 @@ p {
 }
 
 #data-container {
-  margin-top: 20px;
-  max-width: 1000px;
-  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;
+  min-width: 80%;
+  max-width: 100%;
 }
 
 .filter-container {
@@ -58,7 +51,7 @@ p {
   border: 1px solid #ccc;
   border-radius: 8px;
   transition: border-color 0.3s ease;
-  background-color: gray;
+  background-color: rgb(60, 60, 60);
   color: white;
 }
 
@@ -69,52 +62,46 @@ p {
 }
 
 table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 20px;
-  font-size: 15px;
-  border-radius: 8px;
-  overflow: hidden;
+  border-collapse: separate; 
+  border-spacing: 0;
+  border: 1px solid rgb(100,100,100);
+  border-radius: 16px;
+  overflow: hidden; 
+  min-width: 85%;
+  max-width: 100%;
+  margin: 18px auto;
 }
 
-table th:nth-child(6),
-td:nth-child(6){
-  display: none;
+/*Linee verticali*/
+th:not(:last-child),
+td:not(:last-child) {
+  border-right: 1px solid rgb(100,100,100);
 }
 
-table,
-th,
-td {
-  border: 1px solid #e0e0e0;
+/*Linee orizzontali*/
+tr:not(:last-child) > th,
+tr:not(:last-child) > td {
+    border-bottom: 1px solid rgb(100,100,100);;
 }
 
 th {
   background-color: slategray;
   color: white;
-  padding: 12px;
-  text-align: left;
+  text-align: center;
+  padding: .7vw;
 }
 
 td {
-  padding: 10px;
-  background-color: dimgray;
+  padding: .7vw;
+  background-color: #282828;
   color: white;
 }
 
 tr:nth-child(even) td {
-  background-color: gray;
-}
-
-tr:hover td {
-  background-color: darkgray;
+  background-color: rgb(60, 60, 60);
 }
 
 @media (max-width: 768px) {
-  table th:nth-child(4),
-  td:nth-child(4){
-    display: none;
-  }
-
   .filter-container input{
       margin-top: 5px;
   }
@@ -122,10 +109,13 @@ tr:hover td {
   .filter-container button{
     margin-top: 75%;
   }
+  #data-container {
+    overflow-x: scroll;
+  }
 }
 
 button {
-  background-color: gray;
+  background-color: rgb(60, 60, 60);
   color: white;
   border: none;
   padding: 10px 20px;

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();
-      const headerRow = header.insertRow();
-      headerRow.insertCell().textContent = 'Zona';
-      headerRow.insertCell().textContent = 'Linea';
-      headerRow.insertCell().textContent = 'Fermata';
-      headerRow.insertCell().textContent = 'Codice Fermata';
-      headerRow.insertCell().textContent = 'Veicolo';
-      headerRow.insertCell().textContent = ' ';
-      headerRow.insertCell().textContent = 'Ultimo Aggiornamento';
+      var th = document.createElement('th');
+      var tr = document.createElement('tr');
+      th.innerHTML='Zona';
+      tr.appendChild(th);
+      th = document.createElement('th');
+      th.innerHTML='Linea';
+      tr.appendChild(th);
+      th = document.createElement('th');
+      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();
-          cell.textContent = cellData;
+          if(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;
 }