mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-14 15:54:13 +01:00
47 lines
1.2 KiB
Vue
47 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
const { contact } = await useContent()
|
|
</script>
|
|
|
|
<template>
|
|
<footer
|
|
v-if="contact"
|
|
class="my-16"
|
|
>
|
|
<div class="flex justify-center mb-16">
|
|
<USeparator
|
|
class="md:w-2/3"
|
|
size="xs"
|
|
type="solid"
|
|
/>
|
|
</div>
|
|
<div class="space-y-4">
|
|
<div class="flex flex-col md:flex-row gap-2 md:items-center">
|
|
<h1>Find me on:</h1>
|
|
<div class="flex gap-2 flex-wrap">
|
|
<HomeLink
|
|
v-for="social in contact.body.filter(item => item.priority === 1)"
|
|
:key="social.name"
|
|
:href="social.value"
|
|
:icon="social.icon"
|
|
:label="social.name"
|
|
target="_blank"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col md:flex-row gap-2 md:items-center">
|
|
<h1>Or send me an email:</h1>
|
|
<div class="flex">
|
|
<HomeLink
|
|
blanked
|
|
href="mailto:arthurdanjou@outlook.fr"
|
|
label="arthurdanjou@outlook.fr"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8 w-full flex justify-center text-xs">
|
|
© {{ new Date().getFullYear() }} Arthur Danjou. All rights reserved.
|
|
</div>
|
|
</footer>
|
|
</template>
|