45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { footerData, socialLinks } from "~/data";
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<p class="text-black dark:text-zinc-300 text-2xl py-1 font-semibold">
|
|
{{ footerData.author }}
|
|
</p>
|
|
<p class="py-2 dark:text-zinc-300">
|
|
{{ footerData.aboutAuthor }}
|
|
</p>
|
|
<div class="my-3 space-x-3 pb-3">
|
|
<NuxtLink
|
|
:to="socialLinks.githubLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="Github">
|
|
<Icon name="fa:github" size="1em" class="-translate-y-[-10%]" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.linkedinLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="LinkedIn">
|
|
<Icon name="fa:linkedin-square" size="1em" class="-translate-y-[-10%]" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.twitterLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="Twitter">
|
|
<Icon name="fa:twitter-square" size="1em" class="-translate-y-[-10%]" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.stackoverflowLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="StackOverflow">
|
|
<Icon name="fa:stack-overflow" size="1em" class="-translate-y-[-10%]" />
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</template>
|