mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-23 16:30:42 +01:00
44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<template>
|
|
<section v-if="info && info.age" class="w-full flex items-center justify-center my-12">
|
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
|
<div class="mb-12 md:mb-0 md:w-1/2 flex justify-center">
|
|
<img src="@/assets/images/Logo.jpg" alt="Logo Image" class="w-1/2 rounded-2xl border-2 border-gray-100 dark:border-transparent">
|
|
</div>
|
|
<div class="md:w-1/2 text-justify">
|
|
<h2 class="text-4xl font-bold text-center md:text-justify">
|
|
Who am I ?
|
|
</h2>
|
|
<p class="text-xl my-6 text-gray-700 dark:text-gray-400">
|
|
{{ $t('home.banner.description', {age: info.age}) }}
|
|
</p>
|
|
<div class="flex justify-center md:justify-start">
|
|
<Button content="Decouvrir mon profil" link="about"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {useAsync, useContext} from "@nuxtjs/composition-api";
|
|
import {InfoData} from "../../@types/types";
|
|
|
|
export default {
|
|
name: "AboutPreview",
|
|
setup() {
|
|
const {$content} = useContext()
|
|
const info = useAsync(() => {
|
|
return $content('infos').fetch<InfoData>()
|
|
})
|
|
|
|
return {
|
|
info
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|