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

Update contacts

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-01-24 21:34:21 +01:00
parent 60a20997a2
commit 234b4287ac
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/contacts/ContactLink.vue
View File

@ -1,9 +1,9 @@
<template>
<p class="my-4 text-center">
<p class="my-4 text-left md:text-center">
<a :href="props.url">
<div class="inline-flex items-center">
<img :src="props.icon" alt="Github" class="h-7 mr-2 select-none dark:invert" />
<span class="text-xl truncate">{{ props.label }}</span>
<span class="text-xl text-left">{{ props.label }}</span>
</div>
</a>
</p>

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

@ -3,25 +3,26 @@
<Navbar />
</div>
<main class="absolute top-0 flex justify-center items-center left-0 h-full w-full z-0">
<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="Panda#9784" url="https://discordapp.com/users/272354672969515009" :icon="discord_icon" alt="Discord" />
<ContactLink label="linkedin.com/in/tian-cheng-xia" url="https://www.linkedin.com/in/tian-cheng-xia/" :icon="linkedin_icon" alt="LinkedIn" />
</div>
<ScreenCenter>
<main>
<h1 class="text-5xl font-bold text-center">{{ t("contacts") }}</h1>
<div class="md: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="Panda#9784" url="https://discordapp.com/users/272354672969515009" :icon="discord_icon" alt="Discord" />
<ContactLink label="linkedin.com/in/tian-cheng-xia" url="https://www.linkedin.com/in/tian-cheng-xia/" :icon="linkedin_icon" alt="LinkedIn" />
</div>
</div>
</main>
</ScreenCenter>
</template>
<script setup lang="ts">
import Navbar from "@/components/navbar/Navbar.vue";
import ScreenCenter from "@/components/screen-center/ScreenCenter.vue";
import { useI18n } from "vue-i18n";
import locale from "./locale.json";
import ContactLink from "./ContactLink.vue";