Started to work on contact page

src/views/ContactView.vue

@@ -0,0 +1,37 @@
+<template>
+    <Header/>
+    <div id="contact_content">
+      <h1>{{ $t("contact.title") }}</h1>
+      <p>{{ $t("contact.subtitle") }}</p>
+      <h2>{{ $t("contact.emails.research.title") }}</h2>
+      <p>{{ $t("contact.emails.research.desc", {user:"a", domain:"b"}) }}</p>
+      <h2>{{ $t("contact.emails.work.title") }}</h2>
+      <p>{{ $t("contact.emails.work.desc", {user:"a", domain:"b"}) }}</p>
+      <img :src="ContactSvg"/>
+    </div>
+  </template>
+
+<script setup>
+    import Header from '@/components/header.vue';
+
+    import ContactSvg from '@/assets/svg/contact.svg';
+</script>
+  
+<style scoped>
+  #contact_content{
+    width: 80%;
+    margin: auto;
+    margin-top: 20px;
+    display: flex;
+    flex-direction: column;
+    /*justify-content: center;*/
+    align-items: center;
+    text-align: center;
+    min-height: 100vh;
+  }
+  #contact_content img{
+    width: 100%;
+    max-width: 600px;
+  }
+</style>
+  

src/views/HomeView.vue

@@ -15,7 +15,7 @@
 
     <welcome/>
 
-    <intersection :text="i18n.t('home.contactMe')" :button-text="i18n.t('home.contactButton')" button-link="#"/>
+    <intersection :text="i18n.t('home.contactMe')" :button-text="i18n.t('home.contactButton')" button-link="contact"/>
 
     <presentation/>