Spostamento di pagine seta + test button

extra_bus/austria/austria.html

@@ -24,7 +24,7 @@
   <h4>Le foto e la redazione presente in questa sezione del sito è di ErikMontagne.</h4>
   <br>
   <div id="buttons">
-    <div class="verticale">
+    <div>
         <a href="/extra_bus/austria/vor_regio.html" class="blue button">Vor Regio</a>
     </div>
   </div>

extra_bus/eventi/eventi.html

@@ -23,7 +23,7 @@
   <p>Suddivisi per eventi, tutte le foto sono state scattate e selezionate dal nostro team. In caso contrario vengono dati gli adeguati crediti</p>
   <br>
   <div id="buttons">
-    <div class="verticale">
+    <div>
       <a href="IBEde2025.html" class="blue button">IBE Driving Experience 2025</a>
     </div>
 </div>

extra_menu/extra.html

@@ -21,7 +21,7 @@
   <h1>Extra</h1>
   <p>Qua si possono trovare foto di altri gestori Italiani o dall'estero</p>
   <div id="buttons">
-    <div class="verticale">
+    <div>
       <a href="/extra_bus/italia/italia.html" class="blue button">Italia</a>
       <a href="/extra_bus/repubblica_ceca/repubblica_ceca.html" class="blue button">Repubblica Ceca</a>
       <a href="/extra_bus/austria/austria.html" class="blue button">Austria</a><br>

ravenna_menu/mete.html

@@ -21,13 +21,13 @@
   </header>
   <h1>METE S.p.A.</h1>
   <p>Suddivisi per azienda, i mezzi dei privati che operano a Ravenna. Le loro matricole seguono lo schema 19xxx.</p>
-  <div class="verticale">
+  <div>
     <input type="text" id="searchBar" placeholder="Cerca una matricola...">
     <div id="bus-container"></div>
   </div>
   <br>
   <div id="buttons">
-    <div class="verticale">
+    <div>
       <a href="/ravenna_privatibus/gamberini.html" class="blue button">Gamberini</a>
       <a href="/ravenna_privatibus/pollini.html" class="blue button">Pollini</a>
       <a href="/ravenna_privatibus/zaganelli.html" class="blue button">Zaganelli</a>

ravenna_menu/ravenna.html

@@ -21,7 +21,7 @@
   <h1>Trasporto Pubblico Locale di Ravenna</h1>
   <p>Il TPL di Ravenna è composto principalmente dal servizio di START Romagna, di rinforzo ci sono le aziende private (extraurbano),<br>unificate in un consorzio denominato "METE S.p.A.".</p>
   <h4>Questa sezione del sito è redatta da Il Dani, foto di A. Fogli, Edoggus, ErikMontagne, Vichingo455, Il Dani.</h4>
-    <div class="verticale">
+    <div>
       <a href="/start_menu/start.html" class="blue button">START Romagna</a>
       <a href="mete.html" class="blue button">METE S.p.A.</a>
     </div>

scripts/metesearch.js

@@ -20,7 +20,7 @@ searchBar.addEventListener('input', () => {
     if (searchBar.value == '') {
         productsContainer.innerHTML = ' ';
         buttons.innerHTML = `
-        <div class="verticale">
+        <div>
             <a href="/ravenna_privatibus/gamberini.html" class="blue button">Gamberini</a>
             <a href="/ravenna_privatibus/pollini.html" class="blue button">Pollini</a>
             <a href="/ravenna_privatibus/zaganelli.html" class="blue button">Zaganelli</a>

scripts/startsearch.js

@@ -20,13 +20,13 @@ searchBar.addEventListener('input', () => {
     if (searchBar.value == '') {
         productsContainer.innerHTML = ' ';
         buttons.innerHTML = `
-        <div class="verticale">
+        <div>
             <a href="/start_menu/starturbano.html" class="blue button">Urbano</a>
             <a href="/start_menu/startsub.html" class="blue button">Suburbano</a>
             <a href="/start_menu/startextra.html" class="blue button">Extraurbano</a>
         </div>
         <div style="height: 35px;"></div>
-        <div class="verticale">
+        <div>
             <a class="green button" href="/start_menu/servizi/start-livebus/">Autobus in tempo reale</a>
             <a class="green button" href="/start_menu/servizi/start-corsesopp/">Corse non garantite</a>
             <a class="green button" href="/startravenna_bus/listamezzi.html">Lista mezzi</a>

scripts/tpersearch.js

@@ -20,7 +20,7 @@ searchBar.addEventListener('input', () => {
     if (searchBar.value == '') {
         productsContainer.innerHTML = ' ';
         buttons.innerHTML = `
-        <div class="verticale">
+        <div>
             <a href="/tper_menu/tperurb.html" class="blue button">Urbano</a>
             <a href="/tper_menu/tpersub.html" class="blue button">Suburbano</a>
             <a href="/tper_menu/tperext.html" class="blue button">Extraurbano</a>

seta_menu/documentistorici/atcmlalinea.html

@@ -20,7 +20,7 @@
         </nav>
     </header>
     <h1>Archivio Giornalino La Linea (ATCM)</h1>
-    <div class="verticale">
+    <div>
         <a href="https://drive.serverissimo.freeddns.org/s/smoB9dt874Yx27x" class="blue button">2003</a>
         <a href="https://drive.serverissimo.freeddns.org/s/qWPWrSaw4EtgNJd" class="blue button">2004</a>
         <a href="https://drive.serverissimo.freeddns.org/s/2tJ3o9pMNjfcfgs" class="blue button">2005</a>

seta_menu/documentistorici/index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ER-TPL</title>
+    <title>ER-TPL - Documenti storici</title>
     <link rel="stylesheet" href="/style.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -19,10 +19,7 @@
             </ul>
         </nav>
     </header>
-    <h1>Archivio Carta dei servizi SETA</h1>
+    <h1>Archivio foto e documenti storici del TPL a Modena</h1>
-    <p>Archivio carte dei servizi redatte da SETA</p>
+    <div></div>
-    <div class="verticale">
-        <a href="https://drive.serverissimo.freeddns.org/s/L25wsNefm78DwnC" class="blue button">2025</a>
-    </div>
 </body>
 </html>

seta_menu/radiatimenu.html

@@ -20,7 +20,7 @@
         </nav>
     </header>
     <h1>Indice veicoli radiati per anno</h1>
-    <div class="verticale">
+    <div>
         <a href="/seta_menu/radiati/estate25.html" class="red button">Estate 2025</a>
       </div>
 </body>

seta_menu/seta.html

@@ -39,10 +39,11 @@
       </div>
       <div style="height: 35px;"></div>
       <div>
+        <button onclick="location.href='atcmlalinea.html'" class="green button">Archivio La Linea ATCM</button>
         <a class="green button" href="atcmlalinea.html">Archivio La Linea ATCM</a>
         <a class="green button" href="https://drive.serverissimo.freeddns.org/s/faJY7NXkzgNkpKT">Mappe Urbano 2005-2025</a>
         <a class="green button" href="setastreetview.html">Storico StreetView</a>
-        <a class="green button" href="cartaservizi.html">Carta dei servizi</a>
+        <a class="green button" href="cartaservizi.html">Carta dei servizi https://drive.serverissimo.freeddns.org/s/7qpMQ7Kc97MnK2D</a>
       </div>
       <div style="height: 5px;"></div>
       <hr class="solid">

setamodena_bus/filobus/busottongt.html

@@ -22,7 +22,7 @@
         </nav>
     </header>
     <h1>25-34<br>CAM Busotto NGT</h1>
-    <p>Questi unici CAM Busotto NGT sono stati comprati nel 1998 dall'ATCM. Spesso si fa confusione tra la data di acquisto (1998) e l'anno di effettivo impiego nel servizio filoviario (15 Maggio 2000) dato che prima di quella data non era ancora stata completata la filovia in centro. Si possono trovare citazioni in questi articoli di "La Linea", il giornalino di ATCM: <a class="novita" href="/seta_menu/busottolalinea.html">Pagina Busotto La Linea</a></p>
+    <p>Questi unici CAM Busotto NGT sono stati comprati nel 1998 dall'ATCM. Spesso si fa confusione tra la data di acquisto (1998) e l'anno di effettivo impiego nel servizio filoviario (15 Maggio 2000) dato che prima di quella data non era ancora stata completata la filovia in centro. Si possono trovare citazioni in questi articoli di "La Linea", il giornalino di ATCM: <a class="novita" href="/seta_menu/documenti/speciali/busottolalinea.html">Pagina Busotto La Linea</a></p>
     <p>Di questo lotto sono presenti ancora interi in deposito i numeri 25, 31, 32, 34 e altri due non conosciuti</p>
     <p>Il numero 30 ci ha lasciato il 29/07/2025</p>
     <h1 class="spazio"></h1>

sitemap.xml

@@ -101,7 +101,7 @@
 		<lastmod>2025-08-29</lastmod>
 	</url>
 	<url>
-		<loc>https://ertpl.pages.dev/seta_menu/busottolalinea.html</loc>
+		<loc>https://ertpl.pages.dev/seta_menu/documenti/speciali/busottolalinea.html</loc>
 		<priority>0.60</priority>
 		<lastmod>2025-07-12</lastmod>
 	</url>

start_menu/start.html

@@ -20,19 +20,19 @@
     </nav>
   </header>
   <h1>START Romagna - Bacino di Ravenna</h1>
-  <div class="verticale">
+  <div>
     <input type="text" id="searchBar" placeholder="Cerca una matricola...">
     <div id="bus-container"></div>
   </div>
   <br>
   <div id="buttons">
-    <div class="verticale">
+    <div>
       <a href="/start_menu/starturbano.html" class="blue button">Urbano</a>
       <a href="/start_menu/startsub.html" class="blue button">Suburbano</a>
       <a href="/start_menu/startextra.html" class="blue button">Extraurbano</a>
     </div>
     <div style="height: 35px;"></div>
-    <div class="verticale">
+    <div>
       <a class="green button" href="/start_menu/servizi/start-livebus/">Autobus in tempo reale</a>
       <a class="green button" href="/start_menu/servizi/start-corsesopp/">Corse non garantite</a>
       <a class="green button" href="/startravenna_bus/listamezzi.html">Lista mezzi</a>

style.css

@@ -92,6 +92,70 @@ a.button:active {
     transform: translateY(5px);
 }
 
+/*PULSANTI CON <button>*/
+/*COLORI BUTTON*/
+
+button.blue.button{
+    color: white;
+    background-color: blue;
+    box-shadow: 0 5px 0 darkblue;
+}
+
+button.green.button{
+    color: white;
+    background-color: rgb(0, 160, 0);
+    box-shadow: 0 5px 0 darkgreen;
+}
+
+button.red.button{
+    color: white;
+    background-color: rgb(200, 0, 0);
+    box-shadow: 0 5px 0 darkred;
+}
+
+button.yellow.button{
+    color: black;
+    background-color: rgb(255, 255, 0);
+    box-shadow: 0 5px 0 darkgoldenrod;
+}
+
+button.wip.button{
+    color: black;
+    background-image: repeating-linear-gradient(
+        -45deg,
+        #ffc107 0px,
+        #ffc107 25px,
+        #d14600 25px,
+        #d14600 50px
+    );
+    box-shadow: 0 5px 0 #8b2e00;
+}
+
+/*PULSANTE GENERICO*/
+
+button.button {
+    display: inline-block;
+    text-decoration: none;
+    font-size: 18px;
+    width: auto;
+    margin-bottom: 1rem;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 0 20px;
+    font-weight: 700;
+    line-height: 48px;
+    letter-spacing: .1px;
+    white-space: wrap;
+    border-radius: 8px;
+    cursor: pointer;
+    border:0px;
+    font-family: inherit;
+}
+button.button:active {
+    box-shadow: none;
+    transform: translateY(5px);
+}
+
 footer{
     position: fixed;
     left: 8px;

tper_menu/tper.html

@@ -21,20 +21,20 @@
     <h1>TPER (Trasporto Passeggeri Emilia-Romagna)</h1>
     <p>L'azienda è nata il 1° febbraio 2012 dalla fusione della divisione trasporti di ATC, che ai tempi svolgeva l'attività nei bacini di Bologna e Ferrara, con la divisione Trasporti di Ferrovie Emilia Romagna (FER).</p>
     <p>La società TPER, con sede a Bologna, attualmente gestisce due bacini: Bologna e Ferrara.</p>
-    <div class="verticale">
+    <div>
       <input type="text" id="searchBar" placeholder="Cerca una matricola...">
       <div id="bus-container"></div>
     </div>
     <br>
     <h4>Questa sezione del sito è redatta da Il Dani, foto di A. Fogli, ErikMontagne, @SMF, Vichingo455.</h4>
     <div id="buttons">
-      <div class="verticale">
+      <div>
         <a href="/tper_menu/tperurb.html" class="blue button">Urbano</a>
         <a href="/tper_menu/tpersub.html" class="blue button">Suburbano</a>
         <a href="/tper_menu/tperext.html" class="blue button">Extraurbano</a>
       </div>
       <div style="height: 35px;"></div>
-      <div class="verticale">
+      <div>
         <a class="green button" href="https://drive.vichingo455.freeddns.org/s/xBNNeKqjrdWA5E9" target="_blank">Archivio ATC</a>
       </div>
     </div>