Добавлена вся оставшаяся инфа, версия 1.0 в прод
This commit is contained in:
parent
33bae56954
commit
56c975a18d
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<v-sheet class="bg-gradient justify-center d-flex" style="height: 100%">
|
||||
<v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto w-75 rounded-lg main-sheet-bg">
|
||||
<v-sheet class="bg-gradient justify-center d-flex h-auto" style="height: 100%">
|
||||
<v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto rounded-lg main-sheet-bg w-75">
|
||||
<div class="d-flex flex-row align-center">
|
||||
<p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
|
||||
<div v-if="windowWidth >= 1000" class="d-flex justify-end">
|
||||
<div v-if="this.isWide" class="d-flex justify-end">
|
||||
<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 v-else class="d-flex justify-end w-25 pr-3">
|
||||
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-end align-center">
|
||||
<v-table class="main-sheet-bg pl-5 w-66" style="text-align: center">
|
||||
<v-table class="main-sheet-bg pl-5" :class="[this.isWide ? 'w-25' : 'w-66']" style="text-align: left">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><v-icon :icon="`mdi-account`"></v-icon>Возраст</td>
|
||||
|
@ -46,37 +46,53 @@
|
|||
<v-img class="image-gradient" src="./resume.png"></v-img>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="d-flex align-center float-right w-100">
|
||||
<v-list class="main-sheet-bg w-66" style="align-content: flex-end">
|
||||
<v-list-item>
|
||||
<template v-slot:prepend>
|
||||
<v-icon :icon="`mdi-account`"></v-icon>
|
||||
</template>
|
||||
<v-list-item-title v-text="personalData.age"></v-list-item-title>
|
||||
</v-list-item>
|
||||
<v-list-item>
|
||||
<template v-slot:prepend>
|
||||
<v-icon :icon="`mdi-city`"></v-icon>
|
||||
</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>-->
|
||||
<div class="pa-5">
|
||||
<div>
|
||||
<p class="text-h5 pb-3">Профессиональные навыки</p>
|
||||
<p style="text-indent: 1em; text-align: justify" class="pb-5">Хорошо знаю Java, на прошлом месте работы в основном занимался разработкой консольных/десктопных приложений на данном языке
|
||||
(муниципальный сектор). Планирую в ближайшее время изучить Spring Framework. В работе активно использую Git. Из СУБД плотно работаю с
|
||||
MySQL, Postgresql. Иногда по работе приходилось писать или дорабатывать небольшие сайты на HTML+CSS+JS (и иногда PHP) и
|
||||
дорабатывать веб-приложение на ASP.NET (Жил. фонд). На текущем месте работы занимаюсь разработкой/дработкой сайтов и веб-приложений
|
||||
на стеке Laravel+Vue. Так же переносил веб-приложение на десктоп с помощью фреймворка ElectronJs. В рамках программы ВУЗа изучал C#, Python, поверхностно проходил Django.
|
||||
Владею английским языком на среднем уровне.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-h5 pb-3">Опыт работы</p>
|
||||
<v-table class="pb-5 main-sheet-bg">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Февраль 2022 — август 2023</td>
|
||||
<td><p>Муниципальное казенное учреждение «Центр информационно-технического и транспортного обслуживания» муниципального образования города Братска</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Сентябрь 2023 — по настоящее время</td>
|
||||
<td>Государственное Автономное Учреждение «Иркутский областной многофункциональный центр предоставления государственных и муниципальных услуг»</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-table>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-h5 pb-3">Образование</p>
|
||||
<v-table class="pb-5 main-sheet-bg">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2020</td>
|
||||
<td>
|
||||
<p>Братский государственный университет, Братск</p>
|
||||
<p>Факультет экономики и управления, Прикладная информатика в экономике (бакалавриат)</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2024</td>
|
||||
<td>
|
||||
<p>Братский государственный университет, Братск</p>
|
||||
<p>Факультет энергетики и автоматики, Веб технологии и информационный анализ данных (магистратура)</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-table>
|
||||
</div>
|
||||
</div>
|
||||
</v-sheet>
|
||||
</v-sheet>
|
||||
</template>
|
||||
|
@ -98,23 +114,28 @@ export default {
|
|||
email: 'belezov.pavel@mail.ru',
|
||||
phoneNumber: '+7-914-919-21-17'
|
||||
},
|
||||
windowHeight: window.innerHeight,
|
||||
windowWidth: window.innerWidth
|
||||
windowHeight: document.documentElement.clientHeight,
|
||||
windowWidth: document.documentElement.clientWidth,
|
||||
isWide: window.innerWidth > 1000,
|
||||
tableClass: 'w-25'
|
||||
}),
|
||||
created() {
|
||||
window.addEventListener("resize", this.myEventHandler);
|
||||
},
|
||||
mounted() {
|
||||
this.myEventHandler();
|
||||
window.addEventListener("resize", this.myEventHandler, { passive: true });
|
||||
},
|
||||
methods: {
|
||||
created() {
|
||||
window.addEventListener("resize", this.myEventHandler);
|
||||
},
|
||||
mounted() {
|
||||
window.addEventListener("resize", this.myEventHandler);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("resize", this.myEventHandler);
|
||||
},
|
||||
methods: {
|
||||
myEventHandler(e) {
|
||||
this.windowHeight = window.innerHeight;
|
||||
this.windowWidth = window.innerWidth;
|
||||
myEventHandler(e) {
|
||||
this.windowHeight = document.documentElement.clientHeight;
|
||||
this.windowWidth = document.documentElement.clientWidth;
|
||||
if (this.windowWidth < 1000){
|
||||
this.isWide = false;
|
||||
this.tableClass = 'w-66';
|
||||
} else {
|
||||
this.isWide = true;
|
||||
this.tableClass = 'w-33';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue