From 4e1d11e09fa61d6e4d983ded2c40b5c294a1c144 Mon Sep 17 00:00:00 2001
From: Curry141 <135717077+Daniongithub@users.noreply.github.com>
Date: Thu, 1 May 2025 19:48:10 +0200
Subject: [PATCH] =?UTF-8?q?Better=20index=20novit=C3=A0=20box?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 38 +++++++++++++++++++++++---------------
 style.css  | 19 +++++++++++++++++++
 2 files changed, 42 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index f1bb6b2..8bce56e 100644
--- a/index.html
+++ b/index.html
@@ -33,21 +33,29 @@
     <h1 class="nospazio">Novità Sito:</h1>
     <p>Implementata ricerca autobus per numero matricola.</p>
     <p class="novitasito"></p>
-    <h2 class="piccolospazio">SETA:</h2>
-    <p class="piccolospazio">
-        Aggiunti anni 2003 e 2004 nell'<a class="novita" href="/seta_menu/atcmlalinea.html">archivio ATCM La Linea</a> <br>
-        Aggiunta spiegazione date non corrispondenti con altre fonti nel <a class="novita" href="/setamodena_bus/filobus/busottongt.html">Busotto NGT</a> <br> <br>
-        Nuove foto: <br>
-        <a class="novita" href="/setamodena_bus/urbano/cityclassatcm.html#int141">Cityclass ATCM (Interni 141)</a>, 
-        <a class="novita" href="/setamodena_bus/suburbano/surbinodoppio.html#261">Solaris Diesel LE</a>
-    </p>
-    <h2 class="piccolospazio">Ravenna:</h2>
-    <p class="piccolospazio">
-        Aggiunta <a class="novita" href="ravenna_privatibus/riolo.html">Cooperativa Trasporti di Riolo Terme</a>.<br>
-        Aggiunte foto di <a class="novita" href="ravenna_privatibus/gamberini.html">Gamberini</a> e <a class="novita" href="ravenna_privatibus/zaganelli.html">Zaganelli</a>,<br> foto di interni di <a class="novita" href="startravenna_bus/urbano/bredino.html">BredaMenarinibus M231CU CNG</a>, <a class="novita" href="startravenna_bus/suburbano/citelis.html">Irisbus Citelis 12 CNG</a> e <a class="novita" href="startravenna_bus/suburbano/citeliseev.html">Irisbus Citelis 12 CNG EEV</a>.
-    </p>
-    <h2 class="piccolospazio">TPER:</h2>
-    <p class="piccolospazio"></p>
+    <div class="container">
+        <div class="riga">
+            <h2 class="piccolospazio">SETA:</h2>
+            <p class="piccolospazio">
+            Aggiunti anni 2003 e 2004 nell'<a class="novita" href="/seta_menu/atcmlalinea.html">archivio ATCM La Linea</a> <br>
+            Aggiunta spiegazione date non corrispondenti con altre fonti nel <a class="novita" href="/setamodena_bus/filobus/busottongt.html">Busotto NGT</a> <br> <br>
+            Nuove foto: <br>
+            <a class="novita" href="/setamodena_bus/urbano/cityclassatcm.html#int141">Cityclass ATCM (Interni 141)</a>, 
+            <a class="novita" href="/setamodena_bus/suburbano/surbinodoppio.html#261">Solaris Diesel LE</a>
+            </p>
+        </div>
+        <div class="riga">
+            <h2 class="piccolospazio">Ravenna:</h2>
+            <p class="piccolospazio">
+            Aggiunta <a class="novita" href="ravenna_privatibus/riolo.html">Cooperativa Trasporti di Riolo Terme</a>.<br>
+            Aggiunte foto di <a class="novita" href="ravenna_privatibus/gamberini.html">Gamberini</a> e <a class="novita" href="ravenna_privatibus/zaganelli.html">Zaganelli</a>,<br> foto di interni di <a class="novita" href="startravenna_bus/urbano/bredino.html">BredaMenarinibus M231CU CNG</a>, <a class="novita" href="startravenna_bus/suburbano/citelis.html">Irisbus Citelis 12 CNG</a> e <a class="novita" href="startravenna_bus/suburbano/citeliseev.html">Irisbus Citelis 12 CNG EEV</a>.
+            </p>
+        </div>
+        <div class="riga">
+            <h2 class="piccolospazio">TPER:</h2>
+            <p class="piccolospazio">Le pagine di TPER verranno create tra fine maggio e il mese di giugno. -Il Dani</p>
+        </div>
+    </div>
     <div style="height: 70px;"></div>
     <footer>
         <div class="footer">
diff --git a/style.css b/style.css
index 2b155e1..3fb5af7 100644
--- a/style.css
+++ b/style.css
@@ -187,6 +187,9 @@ table.image-table img {
     table.image-table img {
         margin-bottom: 10px;
     }
+    .container {
+        flex-direction: column;
+    }
 }
 /*zona lista mezzi*/
 .lista-mezzi{
@@ -277,4 +280,20 @@ 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;
+}
+div.riga {
+    flex: 1;
+    min-width: 0;
+    border: 2px solid white;
+    padding: 15px;
+    box-sizing: border-box;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
 }
\ No newline at end of file