notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-16 11:31:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add contacts page

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-01-17 15:48:54 +01:00
parent a1ef570b9f
commit 9fedf68bea
6 changed files with 45 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/contacts/Contacts.vue
View File

@ -1,11 +1,21 @@
<template>
<Navbar />
<div class="relative z-10">
<Navbar />
</div>
<main>
<div class="container mx-auto">
<h1 class="text-5xl font-bold">
{{ t("hello") }}
</h1>
<main class="absolute top-0 h-screen w-screen z-0">
<div class="flex justify-center items-center h-full w-full">
<div>
<h1 class="text-5xl font-bold text-center">{{ t("contacts") }}</h1>
<div class="flex justify-center">
<div>
<ContactLink label="tcxia2001@gmail.com" url="mailto:tcxia2001@gmail.com" :icon="mail_icon" alt="E-mail" />
<ContactLink label="t.me/notxia" url="https://t.me/notxia" :icon="telegram_icon" alt="Telegram" />
<ContactLink label="linkedin.com/in/tian-cheng-xia" url="https://www.linkedin.com/in/tian-cheng-xia/" :icon="linkedin_icon" alt="LinkedIn" />
</div>
</div>
</div>
</div>
</main>
</template>
@ -15,6 +25,11 @@
import Navbar from "@/components/navbar/Navbar.vue";
import { useI18n } from "vue-i18n";
import locale from "./locale.json";
import ContactLink from "./ContactLink.vue";
import mail_icon from "@/assets/icons/mail.svg";
import telegram_icon from "@/assets/icons/telegram.svg";
import linkedin_icon from "@/assets/icons/linkedin.svg";
const { t } = useI18n({ messages: locale });
</script>