SiteSourceCode/index.html at Source · E-eclipse/SiteSourceCode · GitHub

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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<!DOCTYPE html>
<htmllang="ru">
<head>
<metacharset="UTF-8">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<metaname="description" content="Портфолио Python-разработчика с фокусом на ML, Computer Vision, backend-автоматизацию и наблюдаемость.">
<title>E-eclipse | Портфолио</title>
<linkrel="icon" type="image/png" href="favicon.png">
<linkrel="stylesheet" href="styles.css">
<linkhref="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<scriptsrc="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
</head>
<body>
<divclass="language-switcher">
<inputtype="checkbox" id="language-toggle" aria-label="Language switcher">
<labelfor="language-toggle">
<divclass="toggle-container">
<divclass="toggle-track">
<divclass="toggle-thumb">
<divclass="thumb-circle"></div>
</div>
</div>
<divclass="toggle-text">
<spanclass="lang-text">RU</span>
</div>
</div>
</label>
</div>
<!-- Yandex.Metrika counter -->
<scripttype="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*newDate();
for(varj=0;j<document.scripts.length;j++){if(document.scripts[j].src===r){return;}}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");

ym(100446350,"init",{
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><imgsrc="https://mc.yandex.ru/watch/100446350" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<divclass="eclipse-loader">
<divclass="space-container">
<divclass="stars-field"></div>
<divclass="nebula"></div>
<divclass="eclipse-scene">
<divclass="corona-wrapper">
<divclass="corona"></div>
<divclass="sun-core"></div>
</div>
<divclass="moon-wrapper">
<divclass="moon"></div>
</div>
</div>
</div>
<divclass="title-reveal">
<divclass="glitch-wrapper">
</div>
</div>
</div>

<divclass="content-wrapper">
<divid="particles-js"></div>
<divclass="star-background">
<divclass="stars"></div>
</div>

<divclass="hero">
<divclass="glitch-wrapper">
<h1class="nickname">E-eclipse</h1>
</div>
<divclass="hero-content">
<h2class="typing-text"></h2>
<ahref="https://github.com/E-eclipse" class="github-link" target="_blank">
<spanclass="github-icon">
<svgheight="24" width="24" viewBox="0 0 16 16">
<pathfill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</span>
 GitHub
</a>
<divclass="scroll-indicator">
<divclass="chevrons">
<divclass="chevron"></div>
<divclass="chevron"></div>
<divclass="chevron"></div>
</div>
</div>
</div>
</div>

<sectionclass="skills-section">
<h2class="section-title animate-on-scroll">Навыки</h2>
<divclass="skills-container">
<divclass="skill-card animate-on-scroll">
<divclass="skill-icon">🐍</div>
<h3class="skill-title">Python</h3>
<pclass="skill-description">Разработка высокопроизводительных приложений и систем машинного обучения</p>
<divclass="skill-tags">
<spanclass="skill-tag">NumPy</span>
<spanclass="skill-tag">Pandas</span>
<spanclass="skill-tag">Scikit-learn</span>
</div>
</div>

<divclass="skill-card animate-on-scroll">
<divclass="skill-icon">🤖</div>
<h3class="skill-title">Machine Learning</h3>
<pclass="skill-description">Создание и оптимизация моделей машинного обучения</p>
<divclass="skill-tags">
<spanclass="skill-tag">PyTorch</span>
<spanclass="skill-tag">Neural Networks</span>
<spanclass="skill-tag">Deep Learning</span>
</div>
</div>

<divclass="skill-card animate-on-scroll">
<divclass="skill-icon">👁️</div>
<h3class="skill-title">Computer Vision</h3>
<pclass="skill-description">Разработка систем компьютерного зрения и обработки изображений</p>
<divclass="skill-tags">
<spanclass="skill-tag">OpenCV</span>
<spanclass="skill-tag">Image Processing</span>
<spanclass="skill-tag">Object Detection</span>
</div>
</div>

<divclass="skill-card animate-on-scroll">
<divclass="skill-icon">📊</div>
<h3class="skill-title">Data Analysis</h3>
<pclass="skill-description">Анализ данных и визуализация результатов</p>
<divclass="skill-tags">
<spanclass="skill-tag">Matplotlib</span>
<spanclass="skill-tag">Seaborn</span>
<spanclass="skill-tag">Data Visualization</span>
</div>
</div>

</div>
</section>

<sectionclass="about-section">
<h2class="section-title animate-on-scroll">Обо мне</h2>
<divclass="content-card animate-on-scroll">
<pclass="glow-text">Data Scientist | ML Engineer | Computer Vision</p>
<divclass="about-description">
<p>Python-разработчик с сильным уклоном в ML, Computer Vision и прикладную аналитику. Умею доводить идеи до рабочего решения: от модели и логики обработки до API, базы данных, мониторинга и поддержки.</p>
</div>
</div>
<divclass="experience-timeline" data-aos="fade-left">
<divclass="content-card animate-on-scroll experience-card">
<divclass="timeline-date">2024 - now</div>
<h3>Фриланс: ML / автоматизация / аналитика</h3>
<pclass="experience-company">Проектная разработка</p>
<pclass="experience-description">
 Разработка прикладных ML/CV-решений, внутренних инструментов, автоматизации и дашбордов под конкретные бизнес-задачи.
</p>
<divclass="tech-stack">
<span>Python</span>
<span>Docker</span>
<span>Automation</span>
<span>Dashboards</span>
</div>
</div>
<divclass="content-card animate-on-scroll experience-card">
<divclass="timeline-date">2025 - 2026</div>
<h3>Инженер БД и мониторинга</h3>
<pclass="experience-company">ООО "Джилс"</p>
<pclass="experience-description">
 Работа с базами данных, REST-сервисами, метриками и оповещениями: от структуры хранения до дашбордов и контроля стабильности.
</p>
<divclass="tech-stack">
<span>PostgreSQL</span>
<span>REST API</span>
<span>InfluxDB</span>
<span>Alerts</span>
</div>
</div>
<!-- Здесь будет таймлайн проектов -->
</div>
</section>

<sectionclass="projects-section">
<h2class="section-title animate-on-scroll">Проекты</h2>
<divclass="timeline">
<divclass="timeline-item left animate-on-scroll">
<divclass="timeline-content">
<h3>Система автоматизации парковки</h3>
<divclass="timeline-date">2023</div>

<buttonclass="project-details-btn">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Python-проект для определения свободных парковочных мест и их расположения. Здесь важны не только CV-алгоритмы, но и практическая польза: понятная логика детекции и наглядный результат.</p>
<divclass="tech-stack">
<span>Python</span>
<span>OpenCV</span>
<span>SQLite</span>
<span>scikit-learn</span>
</div>
<ahref="https://github.com/E-eclipse/parking-system" class="github-project-link" target="_blank">
<svgheight="24" width="24" viewBox="0 0 16 16">
<pathfill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item right animate-on-scroll">
<divclass="timeline-content">
<h3>Система распознавания лиц</h3>
<divclass="timeline-date">2024</div>

<buttonclass="project-details-btn">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Система распознавания лиц на Python с desktop-интерфейсом и локальной логикой авторизации. Проект показывает не только работу с CV, но и умение собрать законченное пользовательское решение.</p>
<divclass="tech-stack">
<span>Tkinter</span>
<span>Neural Networks</span>
<span>OpenCV</span>
</div>
<ahref="https://github.com/E-eclipse/Face_auth" class="github-project-link" target="_blank">
<svgheight="24" width="24" viewBox="0 0 16 16">
<pathfill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item left animate-on-scroll">
<divclass="timeline-content">
<h3>Мониторинг и дашборды</h3>
<divclass="timeline-date">2024 - 2025</div>

<buttonclass="project-details-btn" aria-expanded="false">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Настройка метрик, дашбордов и алертов для сервисов: от сбора технических показателей до удобного контроля состояния системы.</p>
<divclass="tech-stack">
<span>Grafana</span>
<span>InfluxDB</span>
<span>Alerting</span>
<span>Monitoring</span>
</div>
<ahref="https://github.com/E-eclipse?tab=repositories" class="github-project-link" target="_blank" rel="noopener noreferrer">
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item right animate-on-scroll">
<divclass="timeline-content">
<h3>MyMPT</h3>
<divclass="timeline-date">2025</div>

<buttonclass="project-details-btn" aria-expanded="false">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Приложение расписания для студентов моего техникума, которое я разработал вместе с двумя товарищами для реального удобства окружающих. Сейчас его уже используют около 70% студентов, а отдельно мы тщательно проработали интерфейс и даже реализовали эффект liquid glass на iPhone.</p>
<divclass="tech-stack">
<span>Team Development</span>
<span>Product Logic</span>
<span>GitHub</span>
</div>
<ahref="https://github.com/AppMyMPT/MyMPT" class="github-project-link" target="_blank" rel="noopener noreferrer">
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item left animate-on-scroll">
<divclass="timeline-content">
<h3>GADUKA GANG</h3>
<divclass="timeline-date">2025</div>

<buttonclass="project-details-btn" aria-expanded="false">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Форум для разработчиков на Python со встроенной системой курсов по программированию. Проект объединяет площадку для общения, обмена опытом и обучения в одном продукте.</p>
<divclass="tech-stack">
<span>Independent Project</span>
<span>GitHub</span>
<span>Development</span>
</div>
<ahref="https://github.com/E-eclipse/GADUKA-GANG" class="github-project-link" target="_blank" rel="noopener noreferrer">
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item right animate-on-scroll">
<divclass="timeline-content">
<h3>AutoCollectBot</h3>
<divclass="timeline-date">2025</div>

<buttonclass="project-details-btn" aria-expanded="false">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Бот, который сканирует заданную область экрана и при появлении специального уведомления автоматически выполняет действия, заранее прописанные в программе. По сути это инструмент точечной автоматизации под конкретный сценарий.</p>
<divclass="tech-stack">
<span>Automation</span>
<span>Bot</span>
<span>Data Collection</span>
</div>
<ahref="https://github.com/E-eclipse/AutoCollectBot" class="github-project-link" target="_blank" rel="noopener noreferrer">
 GitHub
</a>
</div>
</div>
</div>

<divclass="timeline-item left animate-on-scroll">
<divclass="timeline-content">
<h3>TooLearn</h3>
<divclass="timeline-date">2025</div>

<buttonclass="project-details-btn" aria-expanded="false">
 Подробнее
<spanclass="arrow">▼</span>
</button>

<divclass="project-description">
<p>Android-приложение для изучения иностранных языков с фокусом на удобный пользовательский сценарий и регулярную практику.</p>
<divclass="tech-stack">
<span>Android</span>
<span>Mobile App</span>
<span>Language Learning</span>
</div>
<spanclass="github-project-link">Private / no public repo</span>
</div>
</div>
</div>
</div>
</section>

</div>

<script>
consttranslations={
ru: {
skills: "Навыки",
about: "Обо мне",
projects: "Проекты",
python: "Python",
pythonDesc: "Разработка высокопроизводительных приложений и систем машинного обучения",
ml: "Machine Learning",
mlDesc: "Создание и оптимизация моделей машинного обучения",
cv: "Computer Vision",
cvDesc: "Разработка систем компьютерного зрения и обработки изображений",
dataAnalysis: "Data Analysis",
dataAnalysisDesc: "Анализ данных и визуализация результатов",
aboutTitle: "Data Scientist | ML Engineer | Computer Vision",
aboutDesc: "Амбициозный и творческий специалист в области Data Science с опытом разработки инновационных проектов на основе компьютерного зрения и машинного обучения.",
parkingSystem: "Система автоматизации парковки",
parkingDesc: "Разработка системы на Python для определения количества свободных мест и их расположения, использующая компьютерное зрение и машинное обучение.",
faceSystem: "Система распознавания лиц",
faceDesc: "Разработка нейронной сети для распознавания лиц на Python, аналогичной FaceID, с возможностью интеграции в настольные приложения.",
monitoringSystem: "Мониторинг и дашборды",
monitoringDesc: "Настройка метрик, дашбордов и алертов для сервисов: от сбора технических показателей до удобного контроля состояния системы.",
myMptSystem: "MyMPT",
myMptDesc: "Приложение расписания для студентов моего техникума, которое я разработал вместе с двумя товарищами для реального удобства окружающих. Сейчас его уже используют около 70% студентов, а отдельно мы тщательно проработали интерфейс и даже реализовали эффект liquid glass на iPhone.",
gadukaGangSystem: "GADUKA GANG",
gadukaGangDesc: "Форум для разработчиков на Python со встроенной системой курсов по программированию. Проект объединяет площадку для общения, обмена опытом и обучения в одном продукте.",
autoCollectBotSystem: "AutoCollectBot",
autoCollectBotDesc: "Бот, который сканирует заданную область экрана и при появлении специального уведомления автоматически выполняет действия, заранее прописанные в программе. По сути это инструмент точечной автоматизации под конкретный сценарий.",
tooLearnSystem: "TooLearn",
tooLearnDesc: "Android-приложение для изучения иностранных языков с фокусом на удобный пользовательский сценарий и регулярную практику.",
freelanceRole: "Фриланс: ML / автоматизация / аналитика",
freelanceCompany: "Проектная разработка",
freelanceDesc: "Разработка прикладных ML/CV-решений, внутренних инструментов, автоматизации и дашбордов под конкретные бизнес-задачи.",
monitoringRole: "Инженер БД и мониторинга",
monitoringCompany: "ООО \"Джилс\"",
monitoringRoleDesc: "Работа с базами данных, REST-сервисами, метриками и оповещениями: от структуры хранения до дашбордов и контроля стабильности.",
moreDetails: "Подробнее"
},
en: {
skills: "Skills",
about: "About",
projects: "Projects",
python: "Python",
pythonDesc: "Development of high-performance applications and machine learning systems",
ml: "Machine Learning",
mlDesc: "Creating and optimizing machine learning models",
cv: "Computer Vision",
cvDesc: "Development of computer vision systems and image processing",
dataAnalysis: "Data Analysis",
dataAnalysisDesc: "Data analysis and results visualization",
aboutTitle: "Data Scientist | ML Engineer | Computer Vision",
aboutDesc: "Ambitious and creative Data Science specialist with experience in developing innovative projects based on computer vision and machine learning.",
parkingSystem: "Parking Automation System",
parkingDesc: "Development of a Python system for determining the number and location of available parking spaces using computer vision and machine learning.",
faceSystem: "Face Recognition System",
faceDesc: "Development of a neural network for face recognition in Python, similar to FaceID, with the ability to integrate into desktop applications.",
monitoringSystem: "Monitoring and Dashboards",
monitoringDesc: "Metrics, dashboards, and alerts setup for services: from collecting technical indicators to convenient system health tracking.",
myMptSystem: "MyMPT",
myMptDesc: "A class schedule app for students at my technical college, built together with two teammates to solve a real everyday problem. It is already used by around 70% of students, and we also put serious work into the interface, including a liquid glass effect on iPhone.",
gadukaGangSystem: "GADUKA GANG",
gadukaGangDesc: "A forum for Python developers with an integrated programming course system. The project combines community, knowledge sharing, and learning tools in a single product.",
autoCollectBotSystem: "AutoCollectBot",
autoCollectBotDesc: "A bot that scans a specific screen area and, when a target notification appears, automatically performs the actions defined in the program. In practice, it is a focused automation tool for a concrete workflow.",
tooLearnSystem: "TooLearn",
tooLearnDesc: "An Android app for learning foreign languages, focused on a clean user flow and consistent practice.",
freelanceRole: "Freelance: ML / automation / analytics",
freelanceCompany: "Project-based development",
freelanceDesc: "Development of applied ML/CV solutions, internal tools, automation, and dashboards for specific business needs.",
monitoringRole: "Database and Monitoring Engineer",
monitoringCompany: "Jils LLC",
monitoringRoleDesc: "Worked with databases, REST services, metrics, and alerts: from storage design to dashboards and stability control.",
moreDetails: "More Details"
}
};
translations.ru.aboutDesc="Python-разработчик с сильным уклоном в ML, Computer Vision и прикладную аналитику. Умею доводить идеи до рабочего решения: от модели и логики обработки до API, базы данных, мониторинга и поддержки.";
translations.ru.parkingDesc="Python-проект для определения свободных парковочных мест и их расположения. Здесь важны не только CV-алгоритмы, но и практическая польза: понятная логика детекции и наглядный результат.";
translations.ru.faceDesc="Система распознавания лиц на Python с desktop-интерфейсом и локальной логикой авторизации. Проект показывает не только работу с CV, но и умение собрать законченное пользовательское решение.";
translations.en.aboutDesc="Python developer with a strong focus on ML, computer vision, and applied analytics. I can take an idea to a working solution: from model logic to APIs, databases, monitoring, and support.";
translations.en.parkingDesc="A Python project for detecting free parking spots and their position. The value here is not only CV logic, but also practical usefulness, readable detection flow, and clear output.";
translations.en.faceDesc="A Python face-recognition system with a desktop interface and local authentication logic. It demonstrates both CV work and the ability to build a complete user-facing solution.";
</script>
<scriptsrc="script.js"></script>
</body>
</html>