-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.vue
60 lines (60 loc) · 1.5 KB
/
index.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<template>
<div>
<Header />
<div class="w-8/12 mx-auto">
<TextLeftImgRight />
<TextRightImgLeft />
</div>
<!-- use dark bg color below -->
<Skills />
<!-- Need project section -->
<div class="flex flex-col items-center py-24">
<h2 class="text-3xl font-bold text-gray-800 mb-8">Some of My Favourite Activities</h2>
<div class="w-11/12 flex space-x-3">
<CardsHobby
v-for="item in hobbies"
:key="item"
:title="item.title"
:content="item.text"
:classBg="item.classBg"
/>
</div>
</div>
<!-- use dark bg color above -->
<Contact />
</div>
</template>
<script setup>
const hobbies = [
{
title: "Drink Black tea",
text: "One of my favourite beverage",
classBg: "bg-tea",
},
{
title: "Blog Writing",
text: "To pen down my thoughts",
classBg: "bg-blog",
},
{
title: "Grocery Shopping",
text: "Buy some of my favourite snacks",
classBg: "bg-grocer",
},
{
title: "Listening to music",
text: "Recent favourites: Alec Benjamin, HONNE and Yoasobi",
classBg: "bg-music",
},
];
// TODO create a draft design template
// testing to see whether add todo action is working after the push
// labels: testing
// assignees: eazypau
// milestone: 1
// TODO pick the right font family
// testing 2nd commit to add new todo
// labels: testing
// assignees: eazypau
// milestone: 1
</script>