-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (175 loc) · 12.2 KB
/
index.html
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CV</title>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/normalize.css" />
<link rel="stylesheet" href="./css/style.css" />
<script defer src="./js/index.js"></script>
</head>
<body>
<main class="container">
<div class="grid-container">
<div class="btn-toggle">
<svg width="24" height="24" viewBox="0 0 24 24">
<g clip-path="url(#clip0_18_44)">
<path
d="M24 12C24 11.7348 23.8946 11.4804 23.7071 11.2929C23.5196 11.1054 23.2652 11 23 11H19.094C18.9787 11 18.867 10.9602 18.7777 10.8873C18.6884 10.8144 18.6271 10.7129 18.604 10.6C18.4323 9.78648 18.1109 9.01198 17.656 8.316C17.5932 8.21991 17.5654 8.10514 17.5772 7.99097C17.5891 7.87679 17.6398 7.77017 17.721 7.689L20.485 4.925C20.6672 4.7364 20.768 4.4838 20.7657 4.2216C20.7634 3.9594 20.6582 3.70859 20.4728 3.52318C20.2874 3.33777 20.0366 3.2326 19.7744 3.23033C19.5122 3.22805 19.2596 3.32884 19.071 3.511L16.307 6.279C16.2258 6.36016 16.1192 6.41092 16.005 6.42275C15.8909 6.43459 15.7761 6.40678 15.68 6.344C14.9849 5.891 14.2119 5.57092 13.4 5.4C13.2871 5.37695 13.1856 5.31558 13.1127 5.22629C13.0398 5.137 13 5.02527 13 4.91V1C13 0.734784 12.8946 0.48043 12.7071 0.292893C12.5196 0.105357 12.2652 0 12 0C11.7348 0 11.4804 0.105357 11.2929 0.292893C11.1054 0.48043 11 0.734784 11 1V4.906C11 5.02127 10.9602 5.133 10.8873 5.22229C10.8144 5.31158 10.7129 5.37295 10.6 5.396C9.78648 5.56768 9.01198 5.88914 8.316 6.344C8.21991 6.40678 8.10514 6.43459 7.99097 6.42275C7.87679 6.41092 7.77017 6.36016 7.689 6.279L4.929 3.515C4.7404 3.33284 4.4878 3.23205 4.2256 3.23433C3.9634 3.2366 3.71259 3.34177 3.52718 3.52718C3.34177 3.71259 3.2366 3.9634 3.23433 4.2256C3.23205 4.4878 3.33284 4.7404 3.515 4.929L6.279 7.693C6.36016 7.77417 6.41092 7.88079 6.42275 7.99497C6.43459 8.10914 6.40678 8.22391 6.344 8.32C5.891 9.01506 5.57092 9.78815 5.4 10.6C5.37695 10.7129 5.31558 10.8144 5.22629 10.8873C5.137 10.9602 5.02527 11 4.91 11H1C0.734784 11 0.48043 11.1054 0.292893 11.2929C0.105357 11.4804 0 11.7348 0 12C0 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13H4.907C5.02209 13.0002 5.13359 13.0401 5.22268 13.113C5.31176 13.1859 5.37298 13.2872 5.396 13.4C5.56766 14.2132 5.88913 14.9874 6.344 15.683C6.40678 15.7791 6.43459 15.8939 6.42275 16.008C6.41092 16.1222 6.36016 16.2288 6.279 16.31L3.515 19.071C3.33284 19.2596 3.23205 19.5122 3.23433 19.7744C3.2366 20.0366 3.34177 20.2874 3.52718 20.4728C3.71259 20.6582 3.9634 20.7634 4.2256 20.7657C4.4878 20.768 4.7404 20.6672 4.929 20.485L7.693 17.721C7.77417 17.6398 7.88079 17.5891 7.99497 17.5772C8.10914 17.5654 8.22391 17.5932 8.32 17.656C9.01506 18.109 9.78815 18.4291 10.6 18.6C10.7129 18.6231 10.8144 18.6844 10.8873 18.7737C10.9602 18.863 11 18.9747 11 19.09V23C11 23.2652 11.1054 23.5196 11.2929 23.7071C11.4804 23.8946 11.7348 24 12 24C12.2652 24 12.5196 23.8946 12.7071 23.7071C12.8946 23.5196 13 23.2652 13 23V19.094C13 18.9787 13.0398 18.867 13.1127 18.7777C13.1856 18.6884 13.2871 18.6271 13.4 18.604C14.2135 18.4323 14.988 18.1109 15.684 17.656C15.7801 17.5932 15.8949 17.5654 16.009 17.5772C16.1232 17.5891 16.2298 17.6398 16.311 17.721L19.075 20.485C19.2636 20.6672 19.5162 20.768 19.7784 20.7657C20.0406 20.7634 20.2914 20.6582 20.4768 20.4728C20.6622 20.2874 20.7674 20.0366 20.7697 19.7744C20.772 19.5122 20.6712 19.2596 20.489 19.071L17.725 16.307C17.6438 16.2258 17.5931 16.1192 17.5812 16.005C17.5694 15.8909 17.5972 15.7761 17.66 15.68C18.1116 14.9846 18.4303 14.2116 18.6 13.4C18.6231 13.2871 18.6844 13.1856 18.7737 13.1127C18.863 13.0398 18.9747 13 19.09 13H23C23.2652 13 23.5196 12.8946 23.7071 12.7071C23.8946 12.5196 24 12.2652 24 12ZM15.262 14.5C13.7338 14.5 12.2682 13.8929 11.1877 12.8123C10.1071 11.7318 9.5 10.2662 9.5 8.738C9.50037 8.29612 9.55239 7.8558 9.655 7.426C9.67435 7.34423 9.714 7.26866 9.77028 7.20626C9.82656 7.14386 9.89765 7.09666 9.977 7.069C10.9465 6.73022 11.9919 6.67179 12.9931 6.90042C13.9943 7.12905 14.9107 7.63547 15.6371 8.3615C16.3634 9.08753 16.8702 10.0037 17.0993 11.0048C17.3283 12.0059 17.2704 13.0514 16.932 14.021C16.9045 14.0998 16.8577 14.1705 16.7958 14.2265C16.734 14.2826 16.6591 14.3223 16.578 14.342C16.147 14.4458 15.7053 14.4988 15.262 14.5Z"
fill="#666"
/>
</g>
<defs>
<clipPath id="clip0_18_44">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="grid-item-userpic">
<img src="./img/userpic.jpeg" alt="userpic" />
</div>
<section class="grid-item-name-title">
<h1 class="name">Кирилл Петров</h1>
<p class="subtitle">Фронтенд-разработчик</p>
</section>
<section class="grid-item-education">
<div>
<span>Образование</span>
<p>Менторы, книги<br />и интернет.</p>
</div>
</section>
<section class="grid-item-stack">
<div>
<p>Мой стек</p>
<p>JS, SCSS, React, Redux, NodeJS, PSQL, Firebase</p>
</div>
</section>
<section class="grid-item-contact">
<p>
Санкт-Петербург<br />
<a href="mailto:[email protected]" target="_blank"
><br />
<a href="https://t.me/kirill_petrov" target="_blank"
>t.me/kirill_petrov</a
>
</p>
</section>
<section class="grid-item-projects">
<ul class="projects__list">
<li>Проекты</li>
<li><a href="#neafisha">neafisha</a></li>
<li><a href="#crm">crm</a></li>
</ul>
</section>
<section class="grid-item-experience">
<div class="experience">
<h2 class="experience__header">
Junior Software Engineer <a href="https://tages.ru/">в Tages</a>
</h2>
<p class="experience__duration">
Ноябрь 2021 — Апрель 2022
</p>
<p class="experience__desc">
Я занимался разработкой микросервисов на NodeJS.
Реализовал бекенд на проекте по интеграции сервисов
мониторинга и оповещения об инцидентах —
Opsgenie и PagerDuty. С помощью вебхуков и API этих
сервисов требовалось синхронизировать информацию
об инцидентах некоторых категорий, чтобы распределить
нагрузку между инженерами из двух компаний.
</p>
<p class="experience__desc">
Также выполнял инфраструктурные GitOps-задачи (supporting):
настройка зависимостей и конфигов для test, dev
и prod-окружений, настройка вебхуков для деплоя и выдача
прав на git-репозитории, создание каналов в ArgoCD для
облачных пайплайнов CI/CD, настройка Vault Secrets в подах
Kubernetes, перезагрузка подов оркестратора
на prod-окружениях, поиск ошибок в трейсах и логах
Tekton, Jenkins и Kubernetes.
</p>
</div>
<div class="experience">
<h2 class="experience__header">Фриланс, заказная разработка</h2>
<p class="experience__duration">Октябрь 2020 — Сентябрь 2021</p>
<div>
<h3 id="neafisha">
Сервис для поиска неформальных событий в СПб (PWA)
</h3>
<p class="experience__desc">
На проекте реализовывал архитектуру бэкенда. Продумал
логику БД — модели, миграции, зависимости между
таблицами. Настроил сервер — express-session,
cors-options, валидацию данных, обработку ошибок, хэширование
паролей. Прописал маршрутизацию, логику контроллеров
и запросы к БД.
</p>
<p class="experience__desc">
На фронте настроил фильтры событий по категориям
мастер-классы, выставки, лекции и др. Написал компоненты
для админ-панели — регистрация, авторизация, формы
для добавления событий и локаций.
</p>
<p class="experience__desc">
Стек проекта: JS, SCSS, Gulp, React, Redux, Thunk, Express,
PostgreSQL, Sequelize, PWA, API Яндекс.Карт
</p>
</div>
<div>
<h3 id="crm">
<a
href="https://github.com/kirill-petrov/crm-app"
target="_blank"
>
CRM-приложение для контроля исполнения заказ-нарядов
в производственных компаниях (SPA)</a
><br />
</h3>
<p class="experience__desc">
Написал компоненты пользовательских интерфейсов для
создания/редактирования: отделов, ролей, номенклатуры,
формирования заказ-нарядов и др. Также я решал задачи
по маршрутизации, чтение и запись в БД, настройка
сессий, авторизация, валидация на фронте и бэкенде.
</p>
<p class="experience__desc">
Стек проекта: JS, CSS, React, Redux, Saga, Express, PostgreSQL,
i18next
</p>
</div>
<div>
<h3>Аутстафинг</h3>
<p class="experience__desc">Типовые задачи:</p>
<ul class="experience__desc">
<li>Доработка существующей вёрстки и функционала</li>
<li>
Вёрстка макетов согласно UI-киту, в т. ч.
Bootstrap, MUI и др.
</li>
<li>Разработка и стилизация React-компонентов</li>
<li>
Простые BFF-задачи — роутинг, работа с БД
</li>
</ul>
</div>
</div>
<p class="experience__desc">
Дополнительная история доступна по запросу
</p>
</section>
</div>
</main>
<footer class="container">
<div class="footer">
<p>2022</p>
</div>
</footer>
</body>
</html>