email

in/fr/index.html

@@ -67,7 +67,7 @@
 <tr>
 <th scope="row"><a href="https://fr.wikipedia.org/wiki/VCard#Propriétés">EMAIL</a></th>
 <th class="logo" scope="row"><img class="logo" src="../img/mail.svg" alt="Logo de courrier"></th>
-<td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
+<td><span id="email"></span></td>
 </tr>
 </tbody></table>
 </section>

in/script/main.js

@@ -6,7 +6,21 @@ for (let button of buttons) {
     });
 }
 
-let theme
+const email = document.getElementById("email");
+email.style.cursor = "pointer";
+const email_ = ".";
+
+const email_alias = ["cv"].join(email_);
+const email_at = document.createElement("span");
+email_at.className = "fa fa-at";
+const email_domain = ["marc", "beninca", "link"].join(email_);
+
+email.append(email_alias, " ", email_at, " ", email_domain);
+email.addEventListener("click", () => {
+    window.location.href = "mailto:" + [email_alias, email_domain].join("@");
+});
+
+let theme;
 
 function theme_get() {
     theme = localStorage.getItem("theme");
@@ -17,7 +31,7 @@ function theme_get() {
             theme = "light";
         }
     }
-    theme_set()
+    theme_set();
 }
 
 function theme_set() {
@@ -34,4 +48,4 @@ document.getElementById("theme").addEventListener("click", () => {
     theme_swap();
 });
 
-theme_get()
+theme_get();