Mosso setasearch + display none bottoni + fix grafica ricerca + novità

index.html

@@ -36,12 +36,11 @@
     </p>
     <div class="container">
         <div class="riga">
-            <h2 class="piccolospazio">SETA:</h2>
+            <h2 class="piccolospazio yellow-warning">SETA:</h2>
             <p class="piccolospazio">
                 <strong>Servizi rapidi:</strong> <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> <br> <br>
-                <strong>Recuperato (non più radiato):</strong> <a class="novita" href="/setamodena_bus/urbano/citelis.html#188">188 Irisbus Citelis</a> <br> <br>
-                Nuove foto: <a class="novita" href="/setamodena_bus/suburbano/urbinostart.html">Solaris Urbino 18 III ex START</a>, <a class="novita" href="/setamodena_bus/urbano/citelis.html">Citelis</a>, <a class="novita" href="/setamodena_bus/urbano/urbanway.html">Urbanway</a>, <a class="novita" href="/setamodena_bus/filobus/trollino.html">Trollino</a>, <a class="novita" href="/setamodena_bus/urbano/menarinocng.html">Menarini CNG</a>, <a class="novita" href="/setamodena_bus/urbano/menarinolng.html">Menarini LNG</a>, <a class="novita" href="/setamodena_bus/suburbano/citarogkoln.html">Citaro G ex Koln</a>, <a class="novita" href="/setamodena_bus/suburbano/urbinostart.html">Urbino ex START</a>, <a class="novita" href="/setamodena_bus/urbano/cityclassatcm.html">Cityclass ATCM</a>. <br> <br>
-                Eliminato il servizio <a class="novita" href="/seta_menu/frequenze/index.html">Frequenze e tempi di percorrenza</a>. e' stato integrato in <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>.
+                Eliminato il servizio <a class="novita" href="/seta_menu/frequenze/index.html">Frequenze e tempi di percorrenza</a>, e' stato integrato in <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>. <br> <br>
+                <h3 class="yellow-warning">Sezione in manutenzione</h3>
             </p>
         </div>
         <div class="riga">

seta_menu/js_menu/setasearch.js

@@ -5,7 +5,7 @@ const buttons = document.getElementById('buttons');
 let allProducts = [];
 window.onbeforeunload=searchBar.value="";
 
-const url = '/scripts/setabus.json';
+const url = '/seta_menu/js_menu/setabus.json';
 fetch(url)
     .then(response => {
         if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
@@ -18,35 +18,11 @@ fetch(url)
 
 searchBar.addEventListener('input', () => {
     if (searchBar.value == '') {
-        productsContainer.innerHTML = ' ';
-        buttons.innerHTML = `
-        <div>
-            <a href="/seta_menu/setaurbano.html" class="button">Urbano</a>
-            <a href="/seta_menu/setasub.html" class="button">Suburbano</a>
-            <a href="/seta_menu/setaextra.html" class="button">Extraurbano</a>
-            <a href="/seta_menu/setafilobus.html" class="button">Filobus</a>
-            <a href="/setamodena_bus/minibus/sprinter.html" class="button">Minibus</a>
-            <div style="height: 8px;"></div>
-            <a href="/setamodena_bus/servizio.html" class="button">Veicoli di servizio</a>
-            <div style="height: 8px;"></div>
-            <a href="/seta_menu/radiatimenu.html" class="rbutton">Veicoli radiati</a>
-        </div>
-        <div style="height: 35px;"></div>
-        <div>
-            <a class="gbutton" href="atcmlalinea.html">Archivio La Linea ATCM</a>
-            <a class="gbutton" href="setastreetview.html">Storico StreetView</a>
-        </div>
-        <div style="height: 5px;"></div>
-        <h2>Servizi SETA Modena:</h2>
-        <div>
-            <a class="gbutton" href="cercaorario/index.html">Orari in tempo reale</a>
-            <a class="gbutton" href="businservizio/index.html">Monitor autobus in servizio</a>
-            <a class="gbutton" href="percorsi/index.html">Percorsi</a>
-        </div>
-        `;
+        productsContainer.innerHTML = '';
+        buttons.style.display="";
         return;
     }
-    buttons.innerHTML = ' ';
+    buttons.style.display="none";
     const searchTerm = searchBar.value.toLowerCase();
     const filtered = allProducts.filter(bus => bus.matricola.toLowerCase().includes(searchTerm))
     .sort((a, b) => {

seta_menu/seta.html

@@ -22,10 +22,8 @@
       </nav>
     </header>
     <h1>SETA Modena</h1>
-    <div class="verticale">
     <input type="text" id="searchBar" placeholder="Cerca una matricola...">
     <div id="bus-container"></div>
-    </div>
     <br>
     <div id="buttons">
       <div>
@@ -57,6 +55,6 @@
       </div>
     </div>
     <div style="height: 65px;"></div>
-    <script src="/scripts/setasearch.js"></script>
+    <script src="/seta_menu/js_menu/setasearch.js"></script>
   </body>
 </html>

style.css

@@ -199,6 +199,11 @@ nav ul li h1.yellow-warning {
     font-size: 16px;
 }
 
+.yellow-warning {
+    color:rgb(255, 205, 0);
+    margin:8px;
+}
+
 .bus{
     border: 2px solid;
     border-style: hidden;
@@ -436,6 +441,7 @@ table.image-table img {
 #bus-container {
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
 }
 
 #searchBar {