Added email contact on home, better view.

chisiamo.html

@@ -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: <div id="email"><button class="bottone" onclick="mostraemail()">clicca qui per mostrare l'indirizzo email</button></div></p>
       <p>ER-TPL è in vita da:</p>
       <div id="timer"></div>
       <h1 class="spazio"></h1>

index.html

@@ -60,8 +60,9 @@
         <div class="footer">
             <h1 class="piccolospazio"></h1>
             <hr class="solidfooter">
-            <a href="chisiamo.html" class="link">Chi siamo</a>
+            <div><a href="chisiamo.html" class="link">Chi siamo</a> - <span id="email"><button class="bottone" onclick="mostraemail()">Contattaci</button></span></div>
         </div>
     </footer>
+    <script src="/scripts/ertpl.js"></script>
 </body>
 </html>

scripts/ertpl.js

@@ -51,4 +51,16 @@ function updateTimer() {
 function chisiamoInizializza() {
     updateTimer();
     setInterval(updateTimer, 1000);
+}
+
+function mostraemail() {
+    document.getElementById("email").innerHTML = "";
+    const p1 = "info";
+    const p2 = ".";
+    const p3 = "ertpl";
+    const p4 = "@";
+    const p5 = "gmail";
+    const p6 = ".";
+    const p7 = "com";
+    document.getElementById("email").innerHTML = p1+p2+p3+p4+p5+p6+p7;
 }

style.css

@@ -201,6 +201,14 @@ table.image-table img {
     max-width: 100%;
     height: auto;
 }
+.bottone{
+    border: none;
+    background: none;
+    text-decoration: underline;
+    color: rgb(0, 255, 0);
+    font-family: Titillium Web;
+    font-size: medium;
+}
 @media (max-width: 768px) {
     table.image-table {
         width: 100%;