-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
292 lines (275 loc) · 16.9 KB
/
index.html
File metadata and controls
292 lines (275 loc) · 16.9 KB
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<title>schrodinger71 • CEO Hell</title>
<link rel="icon" type="image/png" sizes="32x32" href="assets/media/helltakerlucifer-smile.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/media/helltakerlucifer-smile.png">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Верхняя панель с меню (адаптивное) -->
<div class="top-panel">
<div class="menu-container">
<div class="menu-toggle" id="menuToggle">☰</div>
<div class="menu" id="mainMenu">
<div class="menu-item" data-dropdown="overview">
Обзор
<div class="dropdown" id="dropdown-overview">
<p>💢🖤 Schrödinger | Luci-fer 🖤👾</p>
<p>schrodinger71 • Fallen Angel • CEO Hell 👑</p>
</div>
</div>
<div class="menu-item" data-dropdown="repos">
Репозитории
<div class="dropdown" id="dropdown-repos">
<p>Мои реальные проекты</p>
<a href="#" onclick="showModal('git-sec-monitor')">git-sec-monitor</a>
<a href="#" onclick="showModal('university-schedule-bot')">university-schedule-bot</a>
<a href="#" onclick="showModal('KiberIncidentHub')">KiberIncidentHub</a>
<a href="#" onclick="showModal('FaceRecognitionProject')">FaceRecognitionProject</a>
<a href="#" onclick="showModal('devsecops-demo')">devsecops-demo</a>
<a href="#" onclick="showModal('Dev-bot')">Dev-bot</a>
<a href="#" onclick="showModal('prismia-bot')">prismia-bot</a>
<a href="#" onclick="showModal('AnagiriumBot')">AnagiriumBot</a>
<a href="#" onclick="showModal('config-demon')">config-demon</a>
</div>
</div>
<div class="menu-item" data-dropdown="tech">
Технологии
<div class="dropdown" id="dropdown-tech">
<p>C++ • C# • Python • Go • Docker • DevOps • Security</p>
</div>
</div>
<div class="menu-item" data-dropdown="activity">
Активность
<div class="dropdown" id="dropdown-activity">
<p>График вклада за последний год 🔥</p>
</div>
</div>
<div class="menu-item" data-dropdown="contacts">
Контакты
<div class="dropdown" id="dropdown-contacts">
<p>Свяжись со мной в аду:</p>
<a href="https://t.me/schrodinger714" target="_blank">📱 Telegram</a>
<a href="https://github.com/Schrodinger71" target="_blank">🐈 GitHub</a>
<a href="#" onclick="discordCopy()">💬 Discord: schrodinger71</a>
</div>
</div>
</div>
</div>
</div>
<button id="terminal-toggle" class="terminal-toggle-btn">
<span>$_</span> TERMINAL
</button>
<!-- Окно терминала -->
<div id="terminal-window" class="terminal-window">
<div class="terminal-header">
<span class="terminal-title">schrodinger@hell:~</span>
<button class="terminal-close">✕</button>
</div>
<div class="terminal-output" id="terminal-output">
<div class="terminal-line">Welcome to Schrödinger's Hell Terminal v1.0</div>
<div class="terminal-line">Type 'help' to see available commands.</div>
<div class="terminal-line"> </div>
</div>
<div class="terminal-input-line">
<span class="prompt">schrodinger@hell:~$</span>
<input type="text" id="terminal-input" autofocus>
</div>
</div>
<div class="content">
<!-- HERO-БЛОК -->
<section class="hero">
<div class="hero-inner">
<div class="avatar-container">
<img src="assets/media/9373-helltaker-lucifer.png" class="avatar" id="avatar">
</div>
<h1 class="glow-text">Schrödinger | Luci-fer</h1>
<div class="title">♨️ She's Luci ❖ Fallen Angel ❖ CEO Hell 👑</div>
<div class="typing" id="typing-text"></div>
<p class="hero-description">
Midnight Coder (UTC+3) 🌙 • Technical Administrator 📡<br>
IT Security Specialist 🛡️ • Bot Architect & Operator 🤖<br>
Docker Enthusiast 🐳 • DevOps Builder 🏗️ • Russia, Tula
</p>
<div class="hero-buttons">
<button onclick="triggerHellMode()" class="hell-mode-btn">🔥 АКТИВИРОВАТЬ АД (JS DEMO)</button>
<div id="status-badge" class="status-badge">
<span>👾 DEMONIC STATUS:</span>
<span id="live-dot" class="live-dot"></span>
ONLINE IN HELL
</div>
</div>
<div class="hero-stats" id="hero-stats">
Loading stats from hell...
</div>
</div>
</section>
<!-- ОБО МНЕ -->
<div class="section">
<h2 class="section-title">Обо мне</h2>
<p class="about-text">
Я — Schrödinger. Полуночный кодер. Пишу на C++, C#, Python и Go.<br>
Создаю системы безопасности, ботов, DevOps-инфраструктуру и инструменты автоматизации.<br>
Всегда экспериментирую и делаю код, который <strong>оживает</strong>.
</p>
</div>
<!-- GITHUB СТАТИСТИКА -->
<div class="section">
<h2 class="section-title">GitHub Stats</h2>
<div class="stats-container">
<img class="stats-img" src="https://github-readme-stats-sigma-five.vercel.app/api/top-langs/?username=Schrodinger71&theme=dracula&layout=compact&hide_border=true&bg_color=00000000" alt="Top Languages">
<img class="stats-img" src="https://github-readme-stats-sigma-five.vercel.app/api?username=schrodinger71&count_private=true&show_icons=true&theme=dracula&hide_border=true&bg_color=00000000" alt="GitHub Stats">
</div>
</div>
<!-- ТЕХНОЛОГИИ -->
<div class="section">
<h2 class="section-title">Технологии & Инструменты</h2>
<div class="tech-grid" id="tech-grid">
<!-- все бейджи -->
<img class="tech-badge" src="https://img.shields.io/badge/C++-00599C?style=for-the-badge&logo=c%2B%2B&logoColor=white" alt="C++">
<img class="tech-badge" src="https://img.shields.io/badge/C%23-239120?style=for-the-badge&logo=c-sharp&logoColor=white" alt="C#">
<img class="tech-badge" src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=white" alt="Python">
<img class="tech-badge" src="https://img.shields.io/badge/Go-3776AB?style=for-the-badge&logo=go&logoColor=white" alt="Go">
<img class="tech-badge" src="https://img.shields.io/badge/.NET-512BD4?style=for-the-badge&logo=dotnet&logoColor=white" alt=".NET">
<img class="tech-badge" src="https://img.shields.io/badge/VS_Code-007ACC?style=for-the-badge&logo=visual-studio-code&logoColor=white" alt="VS Code">
<img class="tech-badge" src="https://img.shields.io/badge/Rider-CB161E?style=for-the-badge&logo=rider&logoColor=white" alt="Rider">
<img class="tech-badge" src="https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white" alt="PostgreSQL">
<img class="tech-badge" src="https://img.shields.io/badge/SQLite-07405E?style=for-the-badge&logo=sqlite&logoColor=white" alt="SQLite">
<img class="tech-badge" src="https://img.shields.io/badge/Docker-2496ED?style=for-the-badge&logo=docker&logoColor=white" alt="Docker">
<img class="tech-badge" src="https://img.shields.io/badge/Docker_Compose-2496ED?style=for-the-badge&logo=docker&logoColor=white" alt="Docker Compose">
<img class="tech-badge" src="https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=github-actions&logoColor=white" alt="GitHub Actions">
<img class="tech-badge" src="https://img.shields.io/badge/Portainer.io-2010FF?style=for-the-badge&logo=portainer&logoColor=white" alt="Portainer">
<img class="tech-badge" src="https://img.shields.io/badge/Discord_API-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord API">
<img class="tech-badge" src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white" alt="Git">
<img class="tech-badge" src="https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
<img class="tech-badge" src="https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black" alt="Linux">
<img class="tech-badge" src="https://img.shields.io/badge/Ubuntu-E95420?style=for-the-badge&logo=ubuntu&logoColor=white" alt="Ubuntu">
<img class="tech-badge" src="https://img.shields.io/badge/Kali_Linux-557C94?style=for-the-badge&logo=kalilinux&logoColor=white" alt="Kali Linux">
<img class="tech-badge" src="https://img.shields.io/badge/Windows_10-0078D6?style=for-the-badge&logo=windows&logoColor=white" alt="Windows">
<img class="tech-badge" src="https://img.shields.io/badge/JSON-000000?style=for-the-badge&logo=json&logoColor=white" alt="JSON">
<img class="tech-badge" src="https://img.shields.io/badge/YAML-CB171E?style=for-the-badge&logo=yaml&logoColor=white" alt="YAML">
</div>
</div>
<!-- ПРОЕКТЫ (ПИННЕД РЕПО) -->
<div class="section">
<h2 class="section-title">Пиннед проекты</h2>
<div class="projects-grid" id="projects-grid">
<!-- 12 карточек как в оригинале -->
<div class="repo-card" onclick="showModal('git-sec-monitor')">
<div class="repo-name">🔥 git-sec-monitor</div>
<div class="repo-desc">Мониторинг безопасности Git-репозиториев. Написан на Python.</div>
<div class="repo-lang">🐍 Python • Security</div>
</div>
<div class="repo-card" onclick="showModal('university-schedule-bot')">
<div class="repo-name">📅 university-schedule-bot</div>
<div class="repo-desc">Discord-бот для расписания университета. Автоматизация и уведомления.</div>
<div class="repo-lang">🐍 Python • Bot Architect</div>
</div>
<div class="repo-card" onclick="showModal('go-product-api')">
<div class="repo-name">🌀 go-product-api</div>
<div class="repo-desc">API-сервис управления товарами. Высокопроизводительный Go-бэкенд.</div>
<div class="repo-lang">🐹 Go • DevOps</div>
</div>
<div class="repo-card" onclick="showModal('KiberIncidentHub')">
<div class="repo-name">💻 KiberIncidentHub</div>
<div class="repo-desc">GUI + БД проект для курсовой работы. Управление и анализ инцидентов.</div>
<div class="repo-lang">🐍 Python • GUI/DB</div>
</div>
<div class="repo-card" onclick="showModal('FaceRecognitionProject')">
<div class="repo-name">🧠 FaceRecognitionProject</div>
<div class="repo-desc">Проект по методам ИИ для распознавания лиц. Курсовая работа.</div>
<div class="repo-lang">🐍 Python • AI</div>
</div>
<div class="repo-card" onclick="showModal('devsecops-demo')">
<div class="repo-name">🔒 devsecops-demo</div>
<div class="repo-desc">Демонстрация DevSecOps процессов: анализ уязвимостей и защита систем.</div>
<div class="repo-lang">🐍 Python • DevSecOps</div>
</div>
<div class="repo-card" onclick="showModal('Dev-bot')">
<div class="repo-name">🤖 Dev-bot</div>
<div class="repo-desc">Discord-бот Adventure Time SS14. Логирование, автоматизация и управление сервером.</div>
<div class="repo-lang">🐍 Python • Discord Bot</div>
</div>
<div class="repo-card" onclick="showModal('prismia-bot')">
<div class="repo-name">🌸 Prismia-bot</div>
<div class="repo-desc">Многофункциональный Discord-бот для Paradox SS14 с привязкой аккаунтов и HTTP-сервером.</div>
<div class="repo-lang">🐍 Python • Discord Bot</div>
</div>
<div class="repo-card" onclick="showModal('AnagiriumBot')">
<div class="repo-name">💬 AnagiriumBot</div>
<div class="repo-desc">Кастомный Discord-бот для проекта Delta RP: управление голосовыми каналами и интеграция с GitHub.</div>
<div class="repo-lang">🐍 Python • Discord Bot</div>
</div>
<div class="repo-card" onclick="showModal('config-demon')">
<div class="repo-name">⚡ config-demon</div>
<div class="repo-desc">Утилита для автоматической очистки реплеев и обновления билдов Paradox SS14.</div>
<div class="repo-lang">🐍 Python • Dev Tool</div>
</div>
<div class="repo-card" onclick="showModal('space_station_ADT')">
<div class="repo-name">🎰 Minesweeper Arcade</div>
<div class="repo-desc">Крупный проект для AdventureTime SS14: аркадный автомат "Сапёр" внутри SS14 с UI, счетчиком мин и логикой игры.</div>
<div class="repo-lang">🦈 C# • Game / SS14</div>
</div>
<div class="repo-card" onclick="showModal('discord-auth-system')">
<div class="repo-name">🔑 Discord Auth System SS14</div>
<div class="repo-desc">Собственная система обязательной авторизации через Discord для игровых серверов. Генерация кодов, привязка аккаунтов и проверка доступа.</div>
<div class="repo-lang">🦈 C# • Server / Discord / SS14</div>
</div>
</div>
</div>
<!-- НАВЫКИ (АДСКИЙ СТЕК) -->
<div class="section">
<h2 class="section-title">Адский стек навыков</h2>
<div class="skills">
<div>
<div class="skill-name"><span>Python</span><span>98%</span></div>
<div class="bar-bg"><div class="bar-fill" data-width="98"></div></div>
</div>
<div>
<div class="skill-name"><span>C++ / C#</span><span>94%</span></div>
<div class="bar-bg"><div class="bar-fill" data-width="94"></div></div>
</div>
<div>
<div class="skill-name"><span>Go + DevOps</span><span>92%</span></div>
<div class="bar-bg"><div class="bar-fill" data-width="92"></div></div>
</div>
<div>
<div class="skill-name"><span>Docker & Security</span><span>95%</span></div>
<div class="bar-bg"><div class="bar-fill" data-width="95"></div></div>
</div>
<div>
<div class="skill-name"><span>Bot Architecture</span><span>97%</span></div>
<div class="bar-bg"><div class="bar-fill" data-width="97"></div></div>
</div>
</div>
</div>
<!-- ГРАФИК АКТИВНОСТИ -->
<div class="section">
<h2 class="section-title">Активность • Последний год</h2>
<div class="contrib-graph">
<img src="https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=schrodinger71&theme=github_dark"
class="contrib-img" alt="GitHub contribution graph">
<p class="contrib-note">📊 Данные напрямую с GitHub • Коммиты, PR, ревью</p>
</div>
</div>
</div>
<!-- МОДАЛЬНОЕ ОКНО -->
<div id="modal" onclick="if(event.target.id === 'modal') hideModal()" class="modal">
<div class="modal-content">
<h2 id="modal-title" class="modal-title"></h2>
<div id="modal-body" class="modal-body"></div>
<button onclick="hideModal()" class="modal-close-btn">ЗАКРЫТЬ ВРАТА АДА</button>
</div>
</div>
<!-- ПОДВАЛ -->
<div class="footer">
<p>© schrodinger71 • Built with pure Hell & beautiful JS • 2026</p>
<p class="footer-note">🔥 Теперь ещё больше анимаций: сканирующая линия, мерцающий огонь, всплывающие бейджи, лавовые прогресс-бары, rise-from-hell, Hell Mode с тряской и многое другое!</p>
</div>
<canvas id="hell-canvas"></canvas>
<script src="script.js"></script>
</body>
</html>