notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-16 03:31:46 +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> <template>
<p class="my-4 text-center"> <p class="my-4 text-left md:text-center">
<a :href="props.url"> <a :href="props.url">
<div class="inline-flex items-center"> <div class="inline-flex items-center">
<img :src="props.icon" alt="Github" class="h-7 mr-2 select-none dark:invert" /> <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> </div>
</a> </a>
</p> </p>

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

@ -3,25 +3,26 @@
<Navbar /> <Navbar />
</div> </div>
<main class="absolute top-0 flex justify-center items-center left-0 h-full w-full z-0"> <ScreenCenter>
<div> <main>
<h1 class="text-5xl font-bold text-center">{{ t("contacts") }}</h1> <h1 class="text-5xl font-bold text-center">{{ t("contacts") }}</h1>
<div class="flex justify-center"> <div class="md:flex justify-center">
<div> <div>
<ContactLink label="tcxia2001@gmail.com" url="mailto:tcxia2001@gmail.com" :icon="mail_icon" alt="E-mail" /> <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="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="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" /> <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> </div>
</main> </main>
</ScreenCenter>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Navbar from "@/components/navbar/Navbar.vue"; import Navbar from "@/components/navbar/Navbar.vue";
import ScreenCenter from "@/components/screen-center/ScreenCenter.vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import locale from "./locale.json"; import locale from "./locale.json";
import ContactLink from "./ContactLink.vue"; import ContactLink from "./ContactLink.vue";