Hugging Face's logo

Spaces:
mbmal
/
singularity-nexus-portal
Running

App Files Community
singularity-nexus-portal
File size: 8,121 Bytes 
51d89b3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<!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>