From 515a54284a1022d854b0398c3d0c6873c534962a Mon Sep 17 00:00:00 2001
From: Curry141 <135717077+Daniongithub@users.noreply.github.com>
Date: Mon, 28 Jul 2025 18:12:55 +0200
Subject: [PATCH] Fixing mobile view of email, added email contact on home.

---
 chisiamo.html | 4 ++--
 index.html    | 3 ++-
 style.css     | 8 ++++++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/chisiamo.html b/chisiamo.html
index 234079f..09e4f0f 100644
--- a/chisiamo.html
+++ b/chisiamo.html
@@ -25,7 +25,7 @@
       </header>
       <h1>Chi siamo?</h1>
       <p>Ciao, caro visitatore avventuriero delle lande di nessuno, il mio nome è Leonardo, sono un appassionato fotografo di bus a tutto tondo. Vivo a Modena in via EH VOLEVI!<br>Questo sito discende da una storia infinita (senza atreju), vi basta sapere che: "Buona foto ma..."</p>
-      <iframe width="560" height="315" src="https://www.youtube.com/embed/DIoxAEc-ckc?si=XRD4EHMe1whz7IPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+      <iframe width="320" height="180" src="https://www.youtube.com/embed/DIoxAEc-ckc?si=XRD4EHMe1whz7IPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
       <p>
         ...e quindi sai cosa ho fatto, mi sono messo in proprio.<br>
         Lui? Questo grattacelo è Dani (l'aspetto da Bud Spencer di 20 metri è normale, stai tranquillo), è lui che ha realizzato questo sito, pure questa lettera "e" che stai leggendo l'ha messa lui.<br>
@@ -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: <img style="width: 7%;" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/ertpl-email.png&fileId=25220&x=1920&y=1080&a=true&etag=b409d3a2efaddf7b61046b722c70d76f" alt="Server foto non raggiungibile."></p>
+      <p>Se vuoi mandarci foto scrivimi su discord: leo_craft1_6426, oppure manda una mail a: <img class="email" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/ertpl-email.png&fileId=25220&x=1920&y=1080&a=true&etag=b409d3a2efaddf7b61046b722c70d76f" alt="Server foto non raggiungibile."></p>
       <p>ER-TPL è in vita da:</p>
       <div id="timer"></div>
       <h1 class="spazio"></h1>
diff --git a/index.html b/index.html
index d2704bd..c47c9a5 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,8 @@
         <div class="footer">
             <h1 class="piccolospazio"></h1>
             <hr class="solidfooter">
-            <a href="chisiamo.html" class="link">Chi siamo</a>
+            <p><a href="chisiamo.html" class="link">Chi siamo</a> - Per contattarci scrivi una mail a: <img class="email" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/ertpl-email.png&fileId=25220&x=1920&y=1080&a=true&etag=b409d3a2efaddf7b61046b722c70d76f" alt="Server foto non raggiungibile."></p>
+            <h1 class="piccolospazio"></h1>
         </div>
     </footer>
 </body>
diff --git a/style.css b/style.css
index d1d4d9b..5390923 100644
--- a/style.css
+++ b/style.css
@@ -75,7 +75,6 @@ a.gbutton{
     transform: translateY(5px)
 }
 footer{
-    position: fixed;
     left: 8px;
     right: 8px;
     bottom: 0px;
@@ -85,7 +84,6 @@ footer{
     border-radius: 10px;
 }
 div.footer{
-    position: fixed;
     left: 8px;
     right: 8px;
     bottom: 8px;
@@ -201,6 +199,9 @@ table.image-table img {
     max-width: 100%;
     height: auto;
 }
+.email{
+    width: 7%;
+}
 @media (max-width: 768px) {
     table.image-table {
         width: 100%;
@@ -217,6 +218,9 @@ table.image-table img {
     .container {
         flex-direction: column;
     }
+    .email{
+        width: 40%;
+    }
 }
 /*zona lista mezzi*/
 .lista-mezzi{