Добавлена вся оставшаяся инфа, версия 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' | ||||
|     }), | ||||
|     methods: { | ||||
|     created() { | ||||
|         window.addEventListener("resize", this.myEventHandler); | ||||
|     }, | ||||
|     mounted() { | ||||
|             window.addEventListener("resize", this.myEventHandler); | ||||
|         }, | ||||
|         destroyed() { | ||||
|             window.removeEventListener("resize", this.myEventHandler); | ||||
|         this.myEventHandler(); | ||||
|         window.addEventListener("resize", this.myEventHandler, { passive: true }); | ||||
|     }, | ||||
|     methods: { | ||||
|         myEventHandler(e) { | ||||
|                 this.windowHeight = window.innerHeight; | ||||
|                 this.windowWidth = window.innerWidth; | ||||
|             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