autoclosepopup

public/css/map.css

@@ -183,5 +183,7 @@
 }
 
 #istruzioni {
-    font-size: 14.5px;
+    font-size: 14.2px;
+    width: 200px;
+
 }

public/index.html

@@ -56,21 +56,23 @@
       <div class="popup" id="popup">
         <!-- <img src="qualcosa.jpg" alt="Popup Image"> -->
         <p id="istruzioni">
-          RuscoMap è una mappa dove utenti in anonimo possono inserire dei marker con nome, descrizione e foto dell'oggetto abbandonato, segnalandolo a tutti i visitatori della mappa.
-          <br> 
-          Si può trovare o inserire la qualunque purchè ci sia una vaga speranza di riutilizzo, trasformazione o riparazione.
-          <br>
-          Sulla falsa riga del <i>te lo regalo se vieni a prenderlo</i>, questo è più il <i>segnalo che c'è sta roba lì, è tua se te la vai a prendere</i>.
+          <img src="../img/trashg.png" alt="Description of Image" width="20" height="20"><b>RuscoMap</b> è una mappa dove utenti in anonimo possono inserire dei marker con nome, descrizione e foto di oggetti abbandonati, segnalandoli a tutti i visitatori della mappa.
+          <br> <br>
+          Si può trovare o inserire la qualunque. L'obiettivo è il riutilizzo, la trasformazione o la riparazione.
+          <br><br>
+          Sulla falsa riga del <i>te lo regalo se vieni a prenderlo</i>, questo è più il <i>segnalo che c'è 'sta roba lì, è tua se te la vai a prendere</i>.
         </p>
         <div><button id="popupstart" type="button" onclick="closePopup()">X</button></div>
       </div>
 
       <script>
         function closePopup() {
-          var popup = document.getElementById("popup");
-          popup.style.display = "none"; // Hides the popup
+            var popup = document.getElementById("popup");
+            popup.style.display = "none";
         }
-      </script>
+        // Popup si chiude automaticamente dopo 5 secondi
+        setTimeout(closePopup,11000);
+    </script>
 
   </body>
   <footer>