Пытаемся сделать фотку красиво
This commit is contained in:
p.belezov
parent
e670fb37f3
commit
0d85b71dd6
Binary file not shown.
|
After Width: | Height: | Size: 1023 KiB |
|
|
@ -1,31 +1,85 @@
|
||||||
<template>
|
<template>
|
||||||
<v-card class="bg-gradient" style="height: 100%">
|
<v-sheet class="bg-gradient justify-center d-flex" style="height: 100%">
|
||||||
<v-card-text class="d-flex justify-center align-center">
|
<v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto w-75 rounded-lg main-sheet-bg">
|
||||||
|
<div class="d-flex flex-row align-center">
|
||||||
|
<p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
|
||||||
|
<v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex">
|
||||||
|
<v-table class="main-sheet-bg pl-5" style="text-align: center">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><v-icon :icon="`mdi-account`"></v-icon>Возраст</td>
|
||||||
|
<td>{{ personalData.age }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><v-icon :icon="`mdi-city`"></v-icon>Город</td>
|
||||||
|
<td>{{ personalData.location }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><v-icon :icon="`mdi-at`"></v-icon>E-mail</td>
|
||||||
|
<td>{{ personalData.email }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><v-icon :icon="`mdi-phone`"></v-icon>Телефон</td>
|
||||||
|
<td>{{ personalData.phoneNumber }}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</v-table>
|
||||||
|
<v-img class="image-gradient w-33" src="./resume.png"></v-img>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<v-card class="align-center justify-center h-auto w-75">
|
<div class="d-flex align-center float-right w-100">
|
||||||
<v-card-title>{{ cardTitle }}</v-card-title>
|
<v-list class="main-sheet-bg w-66" style="align-content: flex-end">
|
||||||
</v-card>
|
<v-list-item>
|
||||||
-->
|
<template v-slot:prepend>
|
||||||
<v-sheet :elevation="4" class="align-center justify-center h-auto w-75 rounded-lg">
|
<v-icon :icon="`mdi-account`"></v-icon>
|
||||||
<v-sheet class="d-flex flex-row align-center rounded-lg">
|
</template>
|
||||||
<p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
|
<v-list-item-title v-text="personalData.age"></v-list-item-title>
|
||||||
<v-btn v-for="item in dict" :key="item" color="#21abf6" elevation="4" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
|
</v-list-item>
|
||||||
</v-sheet>
|
<v-list-item>
|
||||||
</v-sheet>
|
<template v-slot:prepend>
|
||||||
</v-card-text>
|
<v-icon :icon="`mdi-city`"></v-icon>
|
||||||
</v-card>
|
</template>
|
||||||
|
<v-list-item-title v-text="personalData.location"></v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
<v-list-item>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<v-icon :icon="`mdi-at`"></v-icon>
|
||||||
|
</template>
|
||||||
|
<v-list-item-title v-text="personalData.email"></v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
<v-list-item>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<v-icon :icon="`mdi-phone`"></v-icon>
|
||||||
|
</template>
|
||||||
|
<v-list-item-title v-text="personalData.phoneNumber"></v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
</v-list>
|
||||||
|
<v-img class="image-gradient w-33" src="./resume.png" height="500"></v-img>
|
||||||
|
</div>-->
|
||||||
|
</v-sheet>
|
||||||
|
</v-sheet>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "Resume",
|
name: "Resume",
|
||||||
data: () => ({
|
data: () => ({
|
||||||
dict: [
|
linksData: [
|
||||||
{name: "Github", link: "https://github.com/Dhaverd"},
|
{name: "Github", link: "https://github.com/Dhaverd"},
|
||||||
{name: "HeadHunter", link: "https://irkutsk.hh.ru/resume/d8c67e1dff0843f1900039ed1f7839666b4559"},
|
{name: "HeadHunter", link: "https://irkutsk.hh.ru/resume/d8c67e1dff0843f1900039ed1f7839666b4559"},
|
||||||
{name: "Habr", link: "https://career.habr.com/dhaverd"},
|
{name: "Habr", link: "https://career.habr.com/dhaverd"},
|
||||||
{name: "Word", link: "/download/resume.docx"}
|
{name: "Replit", link: "https://replit.com/@DHAVERD"},
|
||||||
]
|
{name: "Резюме docx", link: "/download/resume.docx"}
|
||||||
|
],
|
||||||
|
personalData: {
|
||||||
|
age: '25 лет',
|
||||||
|
location: 'г. Иркутск',
|
||||||
|
email: 'belezov.pavel@mail.ru',
|
||||||
|
phoneNumber: '+7-914-919-21-17'
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -52,4 +106,13 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-sheet-bg {
|
||||||
|
background-color: #424242;
|
||||||
|
color: #E0E0E0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-gradient {
|
||||||
|
mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue