Add email link (#25)

src/assets/email.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg4"
+   viewBox="0 0 22 22"
+   height="22"
+   width="22"
+   version="1.1">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <path
+     style="fill:#ffffff"
+     id="path2"
+     d="M 19,7 11,12 3,7 V 5 l 8,5 8,-5 M 19,3 H 3 C 1.89,3 1,3.89 1,5 v 12 a 2,2 0 0 0 2,2 h 16 a 2,2 0 0 0 2,-2 V 5 C 21,3.89 20.1,3 19,3 Z" />
+</svg>

src/components/HomeMainHeader.vue

@@ -17,6 +17,9 @@
       </button>
     </div>
     <div class="quick-links">
+      <a class="email" title="Email" href="mailto:wulkanowyinc@gmail.com" @click="emailClick">
+        <img src="../assets/email.svg" alt="Email" />
+      </a>
       <a class="discord" title="Discord" href="https://discord.gg/vccAQBr" @click="discordClick">
         <img src="../assets/discord.svg" alt="Discord" />
       </a>
@@ -60,6 +63,12 @@
           element.focus();
         }
       },
+      emailClick() {
+        this.$ga.event({
+          eventCategory: 'email-link',
+          eventAction: 'click',
+        });
+      },
       discordClick() {
         this.$ga.event({
           eventCategory: 'discord-link',
@@ -208,7 +217,7 @@
   .quick-links {
     margin-top: 32px;
 
-    .github, .trello, .discord, .paypal {
+    .email, .github, .trello, .discord, .paypal {
       margin: 8px;
 
       img {