From 56c975a18d3ef0e043668ec4634053673e5a7597 Mon Sep 17 00:00:00 2001
From: "p.belezov" <p.belezov@mfc38.ru>
Date: Fri, 19 Jan 2024 15:46:49 +0800
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=B2=D1=81=D1=8F=20=D0=BE=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B2=D1=88=D0=B0=D1=8F=D1=81=D1=8F=20=D0=B8=D0=BD=D1=84=D0=B0?=
 =?UTF-8?q?,=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D1=8F=201.0=20=D0=B2=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/Resume.vue | 121 ++++++++++++++++++++++---------------
 1 file changed, 71 insertions(+), 50 deletions(-)

diff --git a/resources/views/Resume.vue b/resources/views/Resume.vue
index b2f9b53..36ca925 100644
--- a/resources/views/Resume.vue
+++ b/resources/views/Resume.vue
@@ -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';
             }
         }
     }