muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-25 02:46:39 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

made contacts page

Browse source
This commit is contained in:
Fedor Katurov 2022-11-10 16:21:06 +06:00
parent 884b2ea507
commit 623fa7b7fd
16 changed files with 346 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

38
components/contact/ContactInformation.vue Normal file
View file

@ -0,0 +1,38 @@
<template>
<div :class="$style.grid">
<ContactRow value="@vv4000" href="https://t.me/vv4000" label="Telegram">
<IconsTelegram :width="24" :height="24" />
</ContactRow>
<ContactRow
:value="`@${contacts.github}`"
:href="`https://github.com/${contacts.github}`"
label="Github"
>
<IconsGithub :width="24" :height="24" />
</ContactRow>
<ContactRow :value="mail" :href="`mailto:${mail}`" label="Mail">
<IconsSend :width="24" :height="24" />
</ContactRow>
</div>
</template>
<script lang="ts" setup>
import { contacts } from "~~/constants/contacts";
const mail = ref("...loading");
onMounted(() => (mail.value = atob(contacts.email)));
</script>
<style lang="scss" module>
.grid {
width: auto;
display: grid;
grid-auto-flow: row;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
}
</style>