Hugging Face's logo

Spaces:
mbmal
/
singularity-nexus-portal
Running

App Files Community
singularity-nexus-portal
File size: 5,984 Bytes 
29e58e3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<!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">
        <!-- Hero Section -->
        <section class="mb-16">
            <div class="text-center">
                <div class="cyber-glow mb-6">
                    <h1 class="text-5xl md:text-7xl font-cyber font-bold bg-gradient-to-r from-cyber-primary to-cyber-secondary bg-clip-text text-transparent">
                        SINGULARITY NEXUS
                    </h1>
                </div>
                <p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-3xl mx-auto">
                    Портал технологических инсайтов и цифровых трансформаций от Алексея Малышева
                </p>
                <div class="flex flex-wrap justify-center gap-4">
                    <a href="/news" class="cyber-button-primary px-8 py-3">
                        <i data-feather="zap" class="inline mr-2"></i>
                        Новости
                    </a>
                    <a href="/learning" class="cyber-button-secondary px-8 py-3">
                        <i data-feather="book-open" class="inline mr-2"></i>
                        Обучение
                    </a>
                    <a href="/resources" class="cyber-button-accent px-8 py-3">
                        <i data-feather="link" class="inline mr-2"></i>
                        Ресурсы
                    </a>
                </div>
            </div>
        </section>

        <!-- Featured Content Grid -->
        <section class="mb-16">
            <h2 class="text-3xl font-cyber mb-8 text-center">Фокус внимания</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <div class="cyber-card group">
                    <div class="cyber-card-header">
                        <i data-feather="trending-up" class="text-cyber-primary"></i>
                        <h3 class="text-xl font-cyber">Актуальные новости</h3>
                    </div>
                    <p class="text-gray-400 mb-4">Свежие технологические тренды и инсайты</p>
                    <a href="/news" class="cyber-link">Исследовать →</a>
                </div>

                <div class="cyber-card group">
                    <div class="cyber-card-header">
                        <i data-feather="graduation-cap" class="text-cyber-secondary"></i>
                        <h3 class="text-xl font-cyber">Образовательные материалы</h3>
                    </div>
                    <p class="text-gray-400 mb-4">Глубокие погружения в технологии будущего</p>
                    <a href="/learning" class="cyber-link">Учиться →</a>
                </div>

                <div class="cyber-card group">
                    <div class="cyber-card-header">
                        <i data-feather="cpu" class="text-cyber-accent"></i>
                        <h3 class="text-xl font-cyber">Демо проекты</h3>
                    </div>
                    <p class="text-gray-400 mb-4">Интерактивные примеры и прототипы</p>
                    <a href="/demos" class="cyber-link">Тестировать →</a>
                </div>
            </div>
        </section>

        <!-- Latest Updates -->
        <section class="mb-16">
            <h2 class="text-3xl font-cyber mb-8">Последние обновления</h2>
            <div id="latest-updates" class="cyber-timeline">
                <!-- Updates will be loaded dynamically -->
            </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();
        // Initialize AI assistant
        document.addEventListener('DOMContentLoaded', function() {
            initializeAIAssistant();
            loadLatestUpdates();
        });
    </script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>