From 07f6b8ff5418d8555de6f6eb22bceb91a2fe36cc Mon Sep 17 00:00:00 2001 From: valitovgaziz Date: Mon, 27 Oct 2025 09:45:16 +0500 Subject: [PATCH] modified: main_dc/valitovgaziz/html/darkTheme.css modified: main_dc/valitovgaziz/html/scripts.js modified: main_dc/valitovgaziz/html/style.css add dark theme for repository card info --- main_dc/valitovgaziz/html/darkTheme.css | 103 ++++++++++++++++++++++++ main_dc/valitovgaziz/html/scripts.js | 10 +-- main_dc/valitovgaziz/html/style.css | 82 +++++++++++++++++++ 3 files changed, 189 insertions(+), 6 deletions(-) diff --git a/main_dc/valitovgaziz/html/darkTheme.css b/main_dc/valitovgaziz/html/darkTheme.css index 483fb50..535fe03 100644 --- a/main_dc/valitovgaziz/html/darkTheme.css +++ b/main_dc/valitovgaziz/html/darkTheme.css @@ -133,4 +133,107 @@ body.dark-mode .social_link { body.dark-mode .about-valitovgaziz-photo-box img { box-shadow: 4px 4px 8px 9px rgba(0, 0, 0, 0.3); filter: brightness(0.9); +} + +/* ТЕМНАЯ ТЕМА ДЛЯ СЕКЦИИ "О РЕПОЗИТОРИИ" */ +body.dark-mode .projects-grid { + background: transparent; +} + +body.dark-mode .project-card { + background: var(--dark-card); + color: var(--dark-text); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); + border-left: 4px solid var(--dark-secondary); + border: 1px solid var(--dark-border); +} + +body.dark-mode .project-card h3 { + color: var(--dark-secondary); +} + +body.dark-mode .current-info { + background: var(--dark-border); + color: var(--dark-text); + border: 1px solid var(--dark-border); +} + +body.dark-mode .current-info h3 { + color: var(--dark-secondary); +} + +body.dark-mode .current-info ul { + color: var(--dark-text); +} + +body.dark-mode .current-info strong { + color: var(--dark-text); +} + +/* Темная тема для контактной секции */ +body.dark-mode .contact-info p { + color: var(--dark-text); +} + +body.dark-mode .contact-info a { + color: var(--dark-secondary); +} + +body.dark-mode #saveContactBtn { + background: var(--dark-card); + color: var(--dark-secondary); + border: 2px solid var(--dark-secondary); +} + +body.dark-mode #saveContactBtn:hover { + background: var(--dark-secondary); + color: var(--dark-text); +} + +/* Темная тема для футера */ +body.dark-mode .footer-box { + color: var(--dark-text); +} + +body.dark-mode .footer-box a { + color: var(--dark-secondary); +} + +body.dark-mode .footer-box ul { + color: var(--dark-text); +} + +/* Темная тема для hero section */ +body.dark-mode .hero { + background: linear-gradient(135deg, var(--dark-bg) 0%, #1a535c 100%); + color: var(--dark-text); +} + +body.dark-mode .hero-description { + color: var(--dark-text); +} + +body.dark-mode .hero-subtitle { + color: var(--dark-text); +} + +/* Темная тема для секции "Обо мне" */ +body.dark-mode .about { + background: var(--dark-card); +} + +body.dark-mode .about-text { + color: var(--dark-text); +} + +body.dark-mode .entrepreneur-highlights { + color: var(--dark-text); +} + +body.dark-mode .highlight-item h4 { + color: var(--dark-secondary); +} + +body.dark-mode .highlight-item p { + color: var(--dark-text); } \ No newline at end of file diff --git a/main_dc/valitovgaziz/html/scripts.js b/main_dc/valitovgaziz/html/scripts.js index b0c0954..e461f0a 100644 --- a/main_dc/valitovgaziz/html/scripts.js +++ b/main_dc/valitovgaziz/html/scripts.js @@ -56,7 +56,7 @@ function loadTermSheet() { // Обработчик для кнопки "Запросить презентацию" function sendMessageTelegramm() { - const message = prompt("Введите ваши контакты для получения информации от Газиза:"); + const message = prompt("Опишите, пожалуйста, ваше предложение или вопрос. Я свяжусь с вами в ближайшее время:"); if (message) { const BOT_TOKEN = "8470085635:AAEPZcsN3n-3FkMdr7DzxbiQ3q8mXZTGwug"; const CHAT_ID = "559861569"; @@ -64,7 +64,7 @@ function sendMessageTelegramm() { // Используем FormData вместо JSON (более надежно) const formData = new FormData(); formData.append('chat_id', CHAT_ID); - formData.append('text', `📥 Новая заявка с сайта ValitovGaziz:\n\n${message}`); + formData.append('text', `📥 Новое сообщение с сайта ValitovGaziz:\n\n${message}`); formData.append('parse_mode', 'HTML'); // Альтернативный URL @@ -75,7 +75,7 @@ function sendMessageTelegramm() { .then(response => response.json()) .then(data => { if (data.ok) { - alert("Сообщение успешно отправлено!"); + alert("Сообщение успешно отправлено! Я свяжусь с вами в ближайшее время."); } else { console.error('Telegram API Error:', data); alert("Ошибка: " + (data.description || 'Неизвестная ошибка')); @@ -83,9 +83,7 @@ function sendMessageTelegramm() { }) .catch(error => { console.error("Ошибка:", error); - alert("Произошла ошибка сети. Попробуйте позже."); + alert("Произошла ошибка сети. Попробуйте позже или свяжитесь со мной напрямую."); }); } - saveContact(); - loadTermSheet(); } \ No newline at end of file diff --git a/main_dc/valitovgaziz/html/style.css b/main_dc/valitovgaziz/html/style.css index 9e4c6b5..18688b4 100644 --- a/main_dc/valitovgaziz/html/style.css +++ b/main_dc/valitovgaziz/html/style.css @@ -196,4 +196,86 @@ h1 { .project-card { padding: 1rem; } +} + +/* Стили для нового раздела "О репозитории" */ +.projects-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.project-card { + background: white; + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + border-left: 4px solid var(--secondary); +} + +.project-card h3 { + margin-top: 0; + color: var(--primary); +} + +.current-info { + background: #f8f9fa; + padding: 1.5rem; + border-radius: 8px; + margin-top: 2rem; + border: 1px solid #e9ecef; +} + +.current-info ul { + margin-bottom: 1.5rem; +} + +.current-info h3 { + color: var(--primary); + margin-top: 0; +} + +/* Стили для контактной секции */ +.contact-info { + display: flex; + flex-direction: column; + gap: 0.5rem; + margin: 1rem 0; +} + +.contact-info p { + margin: 0.3rem 0; +} + +#saveContactBtn { + padding: 10px 20px; + background: white; + color: var(--secondary); + border: 2px solid var(--secondary); + border-radius: 6px; + font-size: 15px; + transition: all 0.2s; + cursor: pointer; + margin-top: 1rem; +} + +#saveContactBtn:hover { + background: var(--secondary); + color: white; +} + +/* Адаптивность для новых элементов */ +@media (max-width: 768px) { + .projects-grid { + grid-template-columns: 1fr; + } + + .project-card { + padding: 1rem; + } + + .contact-info { + align-items: flex-start; + } } \ No newline at end of file