Add 1 files
Browse files- index.html +64 -18
index.html
CHANGED
|
@@ -134,12 +134,6 @@
|
|
| 134 |
gap: 10px;
|
| 135 |
}
|
| 136 |
|
| 137 |
-
.ai-option img {
|
| 138 |
-
width: 30px;
|
| 139 |
-
height: 30px;
|
| 140 |
-
border-radius: 50%;
|
| 141 |
-
}
|
| 142 |
-
|
| 143 |
.ai-option:hover {
|
| 144 |
background: var(--accent);
|
| 145 |
transform: translateY(-2px);
|
|
@@ -170,12 +164,6 @@
|
|
| 170 |
gap: 10px;
|
| 171 |
}
|
| 172 |
|
| 173 |
-
.chat-header img {
|
| 174 |
-
width: 36px;
|
| 175 |
-
height: 36px;
|
| 176 |
-
border-radius: 50%;
|
| 177 |
-
}
|
| 178 |
-
|
| 179 |
.chat-messages {
|
| 180 |
flex: 1;
|
| 181 |
padding: 1.5rem;
|
|
@@ -370,6 +358,45 @@
|
|
| 370 |
transform: translateY(-2px);
|
| 371 |
}
|
| 372 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 373 |
/* Responsive */
|
| 374 |
@media (max-width: 768px) {
|
| 375 |
.ai-section {
|
|
@@ -450,6 +477,7 @@
|
|
| 450 |
<ul>
|
| 451 |
<li><a href="#ai-chat" class="active" data-tab="ai-chat">AI Чат</a></li>
|
| 452 |
<li><a href="#minecraft-cheats" data-tab="minecraft-cheats">Minecraft Читы</a></li>
|
|
|
|
| 453 |
</ul>
|
| 454 |
</nav>
|
| 455 |
</header>
|
|
@@ -463,18 +491,17 @@
|
|
| 463 |
<div class="ai-section">
|
| 464 |
<div class="ai-selector">
|
| 465 |
<div class="ai-option active" data-ai="deepseek">
|
| 466 |
-
<
|
| 467 |
<span>DeepSeek</span>
|
| 468 |
</div>
|
| 469 |
<div class="ai-option" data-ai="chatgpt">
|
| 470 |
-
<
|
| 471 |
<span>ChatGPT</span>
|
| 472 |
</div>
|
| 473 |
</div>
|
| 474 |
|
| 475 |
<div class="chat-container">
|
| 476 |
<div class="chat-header">
|
| 477 |
-
<img src="https://via.placeholder.com/36/8a2be2/ffffff?text=DS" alt="DeepSeek" id="current-ai-avatar">
|
| 478 |
<span id="current-ai-name">DeepSeek</span>
|
| 479 |
<div class="typing" id="typing-indicator" style="display: none;">
|
| 480 |
<div class="typing-dot"></div>
|
|
@@ -546,6 +573,27 @@
|
|
| 546 |
</div>
|
| 547 |
</div>
|
| 548 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 549 |
</div>
|
| 550 |
|
| 551 |
<!-- Modal for cheat details -->
|
|
@@ -586,10 +634,8 @@
|
|
| 586 |
|
| 587 |
currentAI = this.getAttribute('data-ai');
|
| 588 |
const aiName = this.querySelector('span').textContent;
|
| 589 |
-
const aiAvatar = this.querySelector('img').src;
|
| 590 |
|
| 591 |
document.getElementById('current-ai-name').textContent = aiName;
|
| 592 |
-
document.getElementById('current-ai-avatar').src = aiAvatar;
|
| 593 |
|
| 594 |
// Add message about AI change
|
| 595 |
const messagesContainer = document.getElementById('chat-messages');
|
|
@@ -708,5 +754,5 @@
|
|
| 708 |
}
|
| 709 |
});
|
| 710 |
</script>
|
| 711 |
-
|
| 712 |
</html>
|
|
|
|
| 134 |
gap: 10px;
|
| 135 |
}
|
| 136 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 137 |
.ai-option:hover {
|
| 138 |
background: var(--accent);
|
| 139 |
transform: translateY(-2px);
|
|
|
|
| 164 |
gap: 10px;
|
| 165 |
}
|
| 166 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 167 |
.chat-messages {
|
| 168 |
flex: 1;
|
| 169 |
padding: 1.5rem;
|
|
|
|
| 358 |
transform: translateY(-2px);
|
| 359 |
}
|
| 360 |
|
| 361 |
+
/* Contacts Section */
|
| 362 |
+
.contacts-container {
|
| 363 |
+
margin-top: 3rem;
|
| 364 |
+
padding: 2rem;
|
| 365 |
+
background: var(--glass);
|
| 366 |
+
border-radius: 15px;
|
| 367 |
+
border: 1px solid var(--glass-border);
|
| 368 |
+
backdrop-filter: blur(10px);
|
| 369 |
+
}
|
| 370 |
+
|
| 371 |
+
.contacts-title {
|
| 372 |
+
font-size: 1.8rem;
|
| 373 |
+
margin-bottom: 1.5rem;
|
| 374 |
+
color: var(--accent-light);
|
| 375 |
+
}
|
| 376 |
+
|
| 377 |
+
.contact-item {
|
| 378 |
+
display: flex;
|
| 379 |
+
align-items: center;
|
| 380 |
+
gap: 1rem;
|
| 381 |
+
margin-bottom: 1rem;
|
| 382 |
+
}
|
| 383 |
+
|
| 384 |
+
.contact-icon {
|
| 385 |
+
font-size: 1.5rem;
|
| 386 |
+
color: var(--accent-light);
|
| 387 |
+
}
|
| 388 |
+
|
| 389 |
+
.contact-link {
|
| 390 |
+
color: var(--text);
|
| 391 |
+
text-decoration: none;
|
| 392 |
+
transition: all 0.3s;
|
| 393 |
+
}
|
| 394 |
+
|
| 395 |
+
.contact-link:hover {
|
| 396 |
+
color: var(--accent-light);
|
| 397 |
+
text-decoration: underline;
|
| 398 |
+
}
|
| 399 |
+
|
| 400 |
/* Responsive */
|
| 401 |
@media (max-width: 768px) {
|
| 402 |
.ai-section {
|
|
|
|
| 477 |
<ul>
|
| 478 |
<li><a href="#ai-chat" class="active" data-tab="ai-chat">AI Чат</a></li>
|
| 479 |
<li><a href="#minecraft-cheats" data-tab="minecraft-cheats">Minecraft Читы</a></li>
|
| 480 |
+
<li><a href="#contacts" data-tab="contacts">Контакты</a></li>
|
| 481 |
</ul>
|
| 482 |
</nav>
|
| 483 |
</header>
|
|
|
|
| 491 |
<div class="ai-section">
|
| 492 |
<div class="ai-selector">
|
| 493 |
<div class="ai-option active" data-ai="deepseek">
|
| 494 |
+
<i class="fas fa-brain"></i>
|
| 495 |
<span>DeepSeek</span>
|
| 496 |
</div>
|
| 497 |
<div class="ai-option" data-ai="chatgpt">
|
| 498 |
+
<i class="fas fa-comment-dots"></i>
|
| 499 |
<span>ChatGPT</span>
|
| 500 |
</div>
|
| 501 |
</div>
|
| 502 |
|
| 503 |
<div class="chat-container">
|
| 504 |
<div class="chat-header">
|
|
|
|
| 505 |
<span id="current-ai-name">DeepSeek</span>
|
| 506 |
<div class="typing" id="typing-indicator" style="display: none;">
|
| 507 |
<div class="typing-dot"></div>
|
|
|
|
| 573 |
</div>
|
| 574 |
</div>
|
| 575 |
</div>
|
| 576 |
+
|
| 577 |
+
<!-- Contacts Tab -->
|
| 578 |
+
<div id="contacts" class="tab-content">
|
| 579 |
+
<h1><i class="fas fa-address-book"></i> Контакты</h1>
|
| 580 |
+
<p>Свяжитесь с нами по любым вопросам</p>
|
| 581 |
+
|
| 582 |
+
<div class="contacts-container">
|
| 583 |
+
<div class="contact-item">
|
| 584 |
+
<i class="fas fa-wallet contact-icon"></i>
|
| 585 |
+
<a href="https://funpay.com/users/7439472/" class="contact-link" target="_blank">FunPay - наш профиль для заказов и поддержки</a>
|
| 586 |
+
</div>
|
| 587 |
+
<div class="contact-item">
|
| 588 |
+
<i class="fas fa-envelope contact-icon"></i>
|
| 589 |
+
<a href="mailto:support@ainexus.com" class="contact-link">support@ainexus.com - почта для вопросов</a>
|
| 590 |
+
</div>
|
| 591 |
+
<div class="contact-item">
|
| 592 |
+
<i class="fas fa-shield-alt contact-icon"></i>
|
| 593 |
+
<span>Мы гарантируем безопасность всех платежей через FunPay</span>
|
| 594 |
+
</div>
|
| 595 |
+
</div>
|
| 596 |
+
</div>
|
| 597 |
</div>
|
| 598 |
|
| 599 |
<!-- Modal for cheat details -->
|
|
|
|
| 634 |
|
| 635 |
currentAI = this.getAttribute('data-ai');
|
| 636 |
const aiName = this.querySelector('span').textContent;
|
|
|
|
| 637 |
|
| 638 |
document.getElementById('current-ai-name').textContent = aiName;
|
|
|
|
| 639 |
|
| 640 |
// Add message about AI change
|
| 641 |
const messagesContainer = document.getElementById('chat-messages');
|
|
|
|
| 754 |
}
|
| 755 |
});
|
| 756 |
</script>
|
| 757 |
+
</body>
|
| 758 |
</html>
|