669 lines
30 KiB
HTML
669 lines
30 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Отчет по проектам БКВ</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap');
|
||
|
||
* {
|
||
font-family: 'Inter', sans-serif;
|
||
}
|
||
|
||
.slide {
|
||
display: none;
|
||
min-height: 100vh;
|
||
padding: 2rem;
|
||
}
|
||
|
||
.slide.active {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
|
||
.slide-content {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
|
||
.progress-bar {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
height: 4px;
|
||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||
transition: width 0.3s ease;
|
||
}
|
||
|
||
.nav-btn {
|
||
position: fixed;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
background: rgba(59, 130, 246, 0.9);
|
||
color: white;
|
||
border: none;
|
||
padding: 1rem 1.5rem;
|
||
font-size: 1.5rem;
|
||
cursor: pointer;
|
||
border-radius: 0.5rem;
|
||
transition: all 0.3s ease;
|
||
z-index: 100;
|
||
}
|
||
|
||
.nav-btn:hover {
|
||
background: rgba(59, 130, 246, 1);
|
||
transform: translateY(-50%) scale(1.1);
|
||
}
|
||
|
||
.nav-btn.prev {
|
||
left: 2rem;
|
||
}
|
||
|
||
.nav-btn.next {
|
||
right: 2rem;
|
||
}
|
||
|
||
.slide-indicator {
|
||
position: fixed;
|
||
bottom: 2rem;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
display: flex;
|
||
gap: 0.5rem;
|
||
z-index: 100;
|
||
}
|
||
|
||
.indicator {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.3);
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.indicator.active {
|
||
background: #3b82f6;
|
||
transform: scale(1.2);
|
||
}
|
||
|
||
.metric-card {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
border-radius: 1rem;
|
||
padding: 1.5rem;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.metric-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.status-badge {
|
||
display: inline-block;
|
||
padding: 0.5rem 1rem;
|
||
border-radius: 2rem;
|
||
font-weight: 600;
|
||
font-size: 0.875rem;
|
||
}
|
||
|
||
.status-completed {
|
||
background: rgba(34, 197, 94, 0.2);
|
||
color: #4ade80;
|
||
}
|
||
|
||
.status-progress {
|
||
background: rgba(59, 130, 246, 0.2);
|
||
color: #60a5fa;
|
||
}
|
||
|
||
.status-review {
|
||
background: rgba(251, 191, 36, 0.2);
|
||
color: #fbbf24;
|
||
}
|
||
|
||
.gradient-bg {
|
||
background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
|
||
}
|
||
|
||
.accent-gradient {
|
||
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.slide-number {
|
||
position: fixed;
|
||
top: 2rem;
|
||
right: 2rem;
|
||
font-size: 0.875rem;
|
||
opacity: 0.5;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="gradient-bg text-white">
|
||
<div class="progress-bar" id="progressBar"></div>
|
||
|
||
<button class="nav-btn prev" onclick="prevSlide()">‹</button>
|
||
<button class="nav-btn next" onclick="nextSlide()">›</button>
|
||
|
||
<div class="slide-indicator" id="slideIndicator"></div>
|
||
|
||
<div class="slide-number" id="slideNumber"></div>
|
||
|
||
<!-- Слайд 1: Титульный -->
|
||
<div class="slide active" id="slide1">
|
||
<div class="slide-content text-center">
|
||
<h1 class="text-6xl font-black mb-6 accent-gradient">
|
||
Отчет по проектам БКВ
|
||
</h1>
|
||
<p class="text-2xl text-gray-300 mb-12">
|
||
Справка о ходе реализации 9 проектов
|
||
</p>
|
||
<div class="grid grid-cols-3 gap-8 mt-16">
|
||
<div class="metric-card">
|
||
<div class="text-5xl font-bold text-blue-400 mb-2">9</div>
|
||
<div class="text-gray-400">проектов</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-5xl font-bold text-green-400 mb-2">2025-2033</div>
|
||
<div class="text-gray-400">период реализации</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-5xl font-bold text-purple-400 mb-2">ИИ + Инфраструктура</div>
|
||
<div class="text-gray-400">ключевые направления</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 2: Проект 1 - Smart Aqkol 2025 -->
|
||
<div class="slide" id="slide2">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-completed">Завершена</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Smart Aqkol 2025</h2>
|
||
<p class="text-xl text-gray-300 mb-8">Расширение цифровых решений и внедрение ИИ</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План БП</div>
|
||
<div class="text-2xl font-bold">334 192 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План доходов</div>
|
||
<div class="text-2xl font-bold">1 114 082 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План CAPEX</div>
|
||
<div class="text-2xl font-bold">334 192 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Период</div>
|
||
<div class="text-2xl font-bold">4 года (2025-2028)</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Текущий статус</h3>
|
||
<p class="text-gray-300">
|
||
Подрядной организации передан заказ №1098000/2025/5/004. СМР в работе.
|
||
Подрядчик продолжает выполнение строительно-монтажных работ.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 3: Проект 2 - Комплексное решение для приемных покоев -->
|
||
<div class="slide" id="slide3">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-review">Рассмотрение заявок</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Комплексное решение для приемных покоев</h2>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План БП</div>
|
||
<div class="text-2xl font-bold">3 794 965 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План доходов</div>
|
||
<div class="text-2xl font-bold">12 362 599 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План расходов</div>
|
||
<div class="text-2xl font-bold">6 061 935 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Период</div>
|
||
<div class="text-2xl font-bold">7 лет (2026-2032)</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Текущий статус</h3>
|
||
<p class="text-gray-300">
|
||
Прием заявок завершен. Ведется рассмотрение заявок на портале zakup.sk.kz.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 4: Проект 3 - Смарт-видеожетоны -->
|
||
<div class="slide" id="slide4">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-review">Рассмотрение заявок</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Смарт-видеожетоны</h2>
|
||
<p class="text-gray-400 mb-4">Ответственный: Қапан Даурен</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План БП</div>
|
||
<div class="text-2xl font-bold">4 240 714 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План доходов</div>
|
||
<div class="text-2xl font-bold">10 614 456 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">План расходов</div>
|
||
<div class="text-2xl font-bold">5 143 647 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Период</div>
|
||
<div class="text-2xl font-bold">8 лет (2026-2033)</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Текущий статус</h3>
|
||
<p class="text-gray-300">
|
||
Прием заявок завершен. Ведется рассмотрение заявок на портале zakup.sk.kz.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 5: Проект 4 - GenAI KT -->
|
||
<div class="slide" id="slide5">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-progress">Внедрение</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">GenAI KT</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Разработка и коммерциализация решений на базе ИИ для корпоративного и государственного сектора
|
||
</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Доход 2026</div>
|
||
<div class="text-2xl font-bold text-green-400">727 млн ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Клиенты</div>
|
||
<div class="text-xl font-bold">Самрук-Қазына + портфельные компании</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card mb-6">
|
||
<h3 class="text-xl font-bold mb-4">Разработанные решения</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• AI-рекрутер, AI-юрист, AI БиОТ, AI по социальной стабильности</li>
|
||
<li>• SKAI, SKAI Data</li>
|
||
<li>• AI-агент «Жеті Жарғы» для Сената</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Статус</h3>
|
||
<p class="text-gray-300">
|
||
Проводится тестирование и внедрение с портфельными компаниями (Казпочта, Самрук-Энерго, Тау-Кен Самрук, KEGOC).
|
||
Ведется работа по коммерциализации.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 6: Проект 5 - Единая инфраструктура дронов -->
|
||
<div class="slide" id="slide6">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-progress">Масштабирование</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Единая инфраструктура дронов</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Инновационная платформа для управления дронами и воздушным трафиком
|
||
</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Освоено 2025</div>
|
||
<div class="text-2xl font-bold">1 210 956 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Оборудование</div>
|
||
<div class="text-xl font-bold">89 дронов с док-станциями</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Штат</div>
|
||
<div class="text-2xl font-bold">18 сотрудников</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Период</div>
|
||
<div class="text-2xl font-bold">2025-2030</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Статус 2026</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• Получение разрешений на полеты согласно законам РК</li>
|
||
<li>• Заключены доходные договоры с Гос. Органами</li>
|
||
<li>• Ведется масштабирование проекта</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 7: Проект 6 - Национальный каталог товаров -->
|
||
<div class="slide" id="slide7">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-progress">Опытная эксплуатация</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Национальный каталог товаров</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Информационная система регистрации и ведения карточек товаров
|
||
</p>
|
||
|
||
<div class="metric-card mb-6">
|
||
<h3 class="text-xl font-bold mb-4">Текущая деятельность</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• Регистрация и ведение карточек товаров</li>
|
||
<li>• Присвоение кодов NTIN</li>
|
||
<li>• Модерация и актуализация сведений</li>
|
||
<li>• Информационно-консультационная поддержка</li>
|
||
<li>• Развитие ИИ-инструментов для анализа карточек</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-6">
|
||
<div class="metric-card">
|
||
<h3 class="text-lg font-bold mb-2">Финансирование</h3>
|
||
<p class="text-gray-300 text-sm">
|
||
Вопрос выделения средств из республиканского бюджета на рассмотрении Министерства финансов
|
||
</p>
|
||
</div>
|
||
<div class="metric-card">
|
||
<h3 class="text-lg font-bold mb-2">Документы</h3>
|
||
<p class="text-gray-300 text-sm">
|
||
Методика пост-мониторинга и План-график реализации разработаны и на проверке
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 8: Проект 7 - ЦОД в г. Косшы -->
|
||
<div class="slide" id="slide8">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-progress">Завершающая стадия</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">ЦОД в г. Косшы</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Строительство Центра обработки данных
|
||
</p>
|
||
|
||
<div class="grid grid-cols-3 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Освоено (янв-авг)</div>
|
||
<div class="text-2xl font-bold">3 711 077 тыс. ₸</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Готовность здания</div>
|
||
<div class="text-3xl font-bold text-green-400">100%</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Готовность оборудования</div>
|
||
<div class="text-3xl font-bold text-green-400">100%</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card mb-6">
|
||
<h3 class="text-xl font-bold mb-4">Характеристики</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 248 стоек для IT-оборудования</li>
|
||
<li>• Общая мощность: не менее 3,5 МВт</li>
|
||
<li>• Современные системы размещения и обработки данных</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Текущий этап</h3>
|
||
<p class="text-gray-300">
|
||
Проводятся тендерные процедуры по расширению (модернизации) подстанций.
|
||
Закуп №1234623. Рассмотрение заявок потенциальных поставщиков.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 9: Проект 8 - Вычислительные мощности для ИИ -->
|
||
<div class="slide" id="slide9">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-progress">Масштабирование</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Развитие вычислительных мощностей для ИИ</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Al-Farabium: Суперкомпьютерный комплекс на базе NVIDIA
|
||
</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card border-green-500/30">
|
||
<h3 class="text-lg font-bold mb-4 text-green-400">Этап I (завершен)</h3>
|
||
<ul class="space-y-2 text-gray-300 text-sm">
|
||
<li>• 50 серверов HGX</li>
|
||
<li>• 400 GPU NVIDIA H200</li>
|
||
<li>• СХД 6 ПБ</li>
|
||
<li>• Введен в эксплуатацию 19.09.2025</li>
|
||
<li>• Используется на 100%</li>
|
||
</ul>
|
||
</div>
|
||
<div class="metric-card border-blue-500/30">
|
||
<h3 class="text-lg font-bold mb-4 text-blue-400">Этап II (в работе)</h3>
|
||
<ul class="space-y-2 text-gray-300 text-sm">
|
||
<li>• 60 серверов HGX</li>
|
||
<li>• 480 GPU NVIDIA B300</li>
|
||
<li>• Размещение в ЦОД Косшы</li>
|
||
<li>• Договор от 05.06.2026</li>
|
||
<li>• Запуск до конца 2026</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Распределение мощностей (Этап I)</h3>
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div>
|
||
<div class="text-3xl font-bold text-blue-400">80%</div>
|
||
<div class="text-gray-400 text-sm">Коммерческие клиенты (323 GPU)</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-3xl font-bold text-purple-400">20%</div>
|
||
<div class="text-gray-400 text-sm">Пилотные проекты (77 GPU)</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 10: Проект 9 - Холодовая цепь -->
|
||
<div class="slide" id="slide10">
|
||
<div class="slide-content">
|
||
<div class="mb-8">
|
||
<span class="status-badge status-review">Подготовка к запуску</span>
|
||
</div>
|
||
<h2 class="text-4xl font-bold mb-6">Холодовая цепь</h2>
|
||
<p class="text-xl text-gray-300 mb-8">
|
||
Система мониторинга для медицинских организаций
|
||
</p>
|
||
|
||
<div class="grid grid-cols-2 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Старт услуг</div>
|
||
<div class="text-2xl font-bold">1 октября 2026</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Датчики</div>
|
||
<div class="text-2xl font-bold">15 000 штук</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card mb-6">
|
||
<h3 class="text-xl font-bold mb-4">Заключенные договоры</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• <span class="text-green-400">✓</span> ЗКО: 33 медицинские организации</li>
|
||
<li>• <span class="text-green-400">✓</span> Астана: 51 медицинская организация (на регистрации)</li>
|
||
<li>• <span class="text-yellow-400">○</span> Актобе: 27 организаций (ожидается подписание)</li>
|
||
<li>• <span class="text-blue-400">◐</span> Жетісу, Шымкент: прямые договоры</li>
|
||
<li>• <span class="text-blue-400">◐</span> Павлодар, Мангыстау, Жамбыл, Караганда, Акмола: бюджет выделен, КП направлено</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="metric-card">
|
||
<h3 class="text-xl font-bold mb-4">Технический статус</h3>
|
||
<p class="text-gray-300">
|
||
Информационная система развернута в тестовой среде.
|
||
Первая партия датчиков проходит таможенные процедуры.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Слайд 11: Сводная информация -->
|
||
<div class="slide" id="slide11">
|
||
<div class="slide-content">
|
||
<h2 class="text-4xl font-bold mb-8 text-center">Сводная информация по проектам</h2>
|
||
|
||
<div class="grid grid-cols-3 gap-6 mb-8">
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">Завершено</div>
|
||
<div class="text-4xl font-bold text-green-400">1</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">В работе</div>
|
||
<div class="text-4xl font-bold text-blue-400">6</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="text-sm text-gray-400 mb-2">На рассмотрении</div>
|
||
<div class="text-4xl font-bold text-yellow-400">2</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="metric-card mb-6">
|
||
<h3 class="text-xl font-bold mb-4">Ключевые направления</h3>
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div>
|
||
<h4 class="font-bold text-blue-400 mb-2">Искусственный интеллект</h4>
|
||
<ul class="text-gray-300 text-sm space-y-1">
|
||
<li>• GenAI KT</li>
|
||
<li>• Вычислительные мощности (GPU)</li>
|
||
<li>• Smart Aqkol 2025</li>
|
||
<li>• НКТ (ИИ-модерация)</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-purple-400 mb-2">Инфраструктура</h4>
|
||
<ul class="text-gray-300 text-sm space-y-1">
|
||
<li>• ЦОД Косшы</li>
|
||
<li>• Единая инфраструктура дронов</li>
|
||
<li>• Холодовая цепь</li>
|
||
<li>• Смарт-видеожетоны</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center mt-12">
|
||
<p class="text-2xl font-bold accent-gradient">Спасибо за внимание!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
let currentSlide = 1;
|
||
const totalSlides = 11;
|
||
|
||
function updateSlide() {
|
||
document.querySelectorAll('.slide').forEach((slide, index) => {
|
||
slide.classList.remove('active');
|
||
if (index + 1 === currentSlide) {
|
||
slide.classList.add('active');
|
||
}
|
||
});
|
||
|
||
document.querySelectorAll('.indicator').forEach((indicator, index) => {
|
||
indicator.classList.remove('active');
|
||
if (index + 1 === currentSlide) {
|
||
indicator.classList.add('active');
|
||
}
|
||
});
|
||
|
||
document.getElementById('progressBar').style.width = `${(currentSlide / totalSlides) * 100}%`;
|
||
document.getElementById('slideNumber').textContent = `${currentSlide} / ${totalSlides}`;
|
||
}
|
||
|
||
function createIndicators() {
|
||
const container = document.getElementById('slideIndicator');
|
||
for (let i = 1; i <= totalSlides; i++) {
|
||
const indicator = document.createElement('div');
|
||
indicator.className = 'indicator';
|
||
indicator.onclick = () => {
|
||
currentSlide = i;
|
||
updateSlide();
|
||
};
|
||
container.appendChild(indicator);
|
||
}
|
||
}
|
||
|
||
function nextSlide() {
|
||
if (currentSlide < totalSlides) {
|
||
currentSlide++;
|
||
updateSlide();
|
||
}
|
||
}
|
||
|
||
function prevSlide() {
|
||
if (currentSlide > 1) {
|
||
currentSlide--;
|
||
updateSlide();
|
||
}
|
||
}
|
||
|
||
document.addEventListener('keydown', (e) => {
|
||
if (e.key === 'ArrowRight' || e.key === 'Space') {
|
||
nextSlide();
|
||
} else if (e.key === 'ArrowLeft') {
|
||
prevSlide();
|
||
}
|
||
});
|
||
|
||
createIndicators();
|
||
updateSlide();
|
||
</script>
|
||
</body>
|
||
</html>
|