You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
769 B
30 lines
769 B
<template>
|
|
<div class="about-container">
|
|
<section class="about-section">
|
|
<h1 class="about-title">{{ content.about.title }}</h1>
|
|
<div class="about-content">
|
|
<p>{{ content.about.description }}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="experience-section">
|
|
<h2 class="experience-title">{{ content.about.experiences.title }}</h2>
|
|
<div class="timeline">
|
|
<AboutCard v-for="experience in experiences" :key="experience.id" :experience="experience"/>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { content } from '~/config/content'
|
|
import { experiences } from '~/config/experience';
|
|
|
|
definePageMeta({
|
|
layout: 'default'
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import '~/assets/css/pages/about';
|
|
</style> |