mbmal's picture
добавь недостающие разделыя и остальные страницы
51d89b3 verified
<!DOCTYPE html>
<html lang="ru" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Доклады - Singularity Nexus</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
cyber: {
primary: '#00ff88',
secondary: '#00a2ff',
accent: '#ff0088',
dark: '#0a0a0f',
darker: '#050508',
gray: '#1a1a2e'
}
},
fontFamily: {
'cyber': ['Orbitron', 'monospace'],
'main': ['Inter', 'sans-serif']
}
}
}
}
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap" rel="stylesheet">
</head>
<body class="bg-cyber-dark text-white font-main min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<!-- Page Header -->
<section class="mb-12">
<div class="text-center">
<h1 class="text-4xl md:text-6xl font-cyber font-bold bg-gradient-to-r from-cyber-primary to-cyber-secondary bg-clip-text text-transparent cyber-glow">
ДОКЛАДЫ
</h1>
<p class="text-xl text-gray-300 mt-4 max-w-2xl mx-auto">
Записи выступлений, конференций и технологических обсуждений
</p>
</div>
</section>
<!-- Video Grid -->
<section class="mb-16">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">Будущее AI в 2024 году</h3>
<p class="text-gray-400 mb-4">Михаил Малышев о перспективах развития искусственного интеллекта</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>2 часа</span>
<span>15.12.2023</span>
</div>
<a href="/talks/ai-future" class="cyber-link mt-4">Смотреть →</a>
</div>
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">Квантовые вычисления сегодня</h3>
<p class="text-gray-400 mb-4">Обзор текущего состояния и ближайших прорывов</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>1.5 часа</span>
<span>10.12.2023</span>
</div>
<a href="/talks/quantum-computing" class="cyber-link mt-4">Смотреть →</a>
</div>
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">Web3 и децентрализация</h3>
<p class="text-gray-400 mb-4">Как блокчейн меняет интернет</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>2 часа</span>
<span>05.12.2023</span>
</div>
<a href="/talks/web3-decentralization" class="cyber-link mt-4">Смотреть →</a>
</div>
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">Кибербезопасность в облаке</h3>
<p class="text-gray-400 mb-4">Лучшие практики защиты данных</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>1 час</span>
<span>30.11.2023</span>
</div>
<a href="/talks/cloud-security" class="cyber-link mt-4">Смотреть →</a>
</div>
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">MLOps в продакшене</h3>
<p class="text-gray-400 mb-4">Развертывание и мониторинг ML моделей</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>1.5 часа</span>
<span>25.11.2023</span>
</div>
<a href="/talks/mlops-production" class="cyber-link mt-4">Смотреть →</a>
</div>
<div class="cyber-card group">
<div class="aspect-w-16 aspect-h-9 bg-cyber-gray rounded-lg mb-4"></div>
<h3 class="text-xl font-cyber mb-2">DevOps для AI проектов</h3>
<p class="text-gray-400 mb-4">Автоматизация процессов разработки</p>
<div class="flex justify-between items-center text-sm text-gray-500">
<span>1 час</span>
<span>20.11.2023</span>
</div>
<a href="/talks/devops-ai" class="cyber-link mt-4">Смотреть →</a>
</div>
</div>
</section>
<!-- Upcoming Events -->
<section class="mb-16">
<h2 class="text-3xl font-cyber mb-8">Предстоящие события</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="cyber-card">
<h3 class="text-xl font-cyber text-cyber-primary mb-4">AI Conference 2024</h3>
<p class="text-gray-400 mb-2">15-16 января 2024</p>
<p class="text-gray-400">Москва, Россия</p>
<a href="/events/ai-conference-2024" class="cyber-link mt-4">Узнать больше →</a>
</div>
<div class="cyber-card">
<h3 class="text-xl font-cyber text-cyber-secondary mb-4">Blockchain Summit</h3>
<p class="text-gray-400 mb-2">20-21 февраля 2024</p>
<p class="text-gray-400">Санкт-Петербург, Россия</p>
<a href="/events/blockchain-summit" class="cyber-link mt-4">Узнать больше →</a>
</div>
</div>
</section>
</main>
<custom-footer></custom-footer>
<!-- AI Assistant -->
<ai-assistant></ai-assistant>
<!-- Component Scripts -->
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/ai-assistant.js"></script>
<!-- Main Script -->
<script src="script.js"></script>
<script>
feather.replace();
document.addEventListener('DOMContentLoaded', function() {
initializeAIAssistant();
});
</script>
</body>
</html>