SGIWorld/index.html at main · InternScience/SGIWorld · GitHub

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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SGIWorld - Scientific General Intelligence World</title>
    <meta name="description" content="Comprehensive Evaluation & Evolution System for AI-Driven Scientific Discovery">

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="favicon.svg">

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            darkMode: ['class', '[data-theme="dark"]'],
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    colors: {
                        sfe: '#10b981',
                        sgi: '#6366f1',
                        claw: '#f59e0b',
                        seevo: '#06b6d4',
                        mark: '#ec4899',
                    }
                }
            }
        }
    </script>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">
</head>
<body class="font-sans antialiased">
    <!-- Navigation -->
    <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-16">
                <!-- Logo -->
                <a href="index.html" class="flex items-center space-x-2">
                    <img src="favicon.svg" alt="SGIWorld" class="w-8 h-8">
                    <span class="text-xl font-bold">SGI<span class="text-seevo">World</span></span>
                </a>

                <!-- Desktop Navigation -->
                <div class="hidden md:flex items-center space-x-8">
                    <a href="index.html" class="nav-link">Home</a>
                    <a href="probe.html" class="nav-link">Probe</a>
                    <a href="benchmarks.html" class="nav-link">Benchmarks</a>
                    <a href="seevomap.html" class="nav-link">Environment</a>
                    <a href="markscientist.html" class="nav-link">Coach</a>
                    <a href="research.html" class="nav-link">Research</a>
                    <a href="news.html" class="nav-link">News</a>
                    <a href="contact.html" class="nav-link">Contact</a>
                </div>

                <!-- Actions -->
                <div class="flex items-center space-x-4">
                    <!-- Theme Toggle -->
                    <button id="theme-toggle" class="p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors" aria-label="Toggle theme">
                        <i class="fas fa-moon text-lg theme-icon-dark hidden"></i>
                        <i class="fas fa-sun text-lg theme-icon-light hidden"></i>
                    </button>

                    <!-- GitHub -->
                    <a href="https://github.com/InternScience" target="_blank" rel="noopener" class="p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">
                        <i class="fab fa-github text-lg"></i>
                    </a>

                    <!-- Mobile Menu Button -->
                    <button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">
                        <i class="fas fa-bars text-lg"></i>
                    </button>
                </div>
            </div>
        </div>

        <!-- Mobile Menu -->
        <div id="mobile-menu" class="hidden md:hidden glass-bg">
            <div class="px-4 py-4 space-y-2">
                <a href="index.html" class="block px-4 py-2 rounded-lg bg-gray-200 dark:bg-gray-700">Home</a>
                <a href="probe.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Probe</a>
                <a href="benchmarks.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Benchmarks</a>
                <a href="seevomap.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Environment</a>
                <a href="markscientist.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Coach</a>
                <a href="research.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Research</a>
                <a href="news.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">News</a>
                <a href="contact.html" class="block px-4 py-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700">Contact</a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
        <!-- Background Grid -->
        <div class="dot-grid absolute inset-0"></div>

        <!-- Gradient Overlay -->
        <div class="absolute inset-0 bg-gradient-to-br from-blue-500/5 via-transparent to-purple-500/5"></div>

        <div class="relative z-10 text-center px-4 max-w-5xl mx-auto">
            <div class="animate-fade-in-up">
                <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 leading-tight">
                    <span class="gradient-text whitespace-nowrap">Scientific General Intelligence</span>
                    <br>
                    <span class="hero-world">World</span>
                </h1>
                <p class="text-lg sm:text-xl md:text-2xl text-muted max-w-3xl mx-auto">
                    Comprehensive Evaluation & Evolution System for AI-Driven Scientific Discovery
                </p>
            </div>
        </div>

        <!-- Scroll Indicator -->
        <div class="absolute bottom-8 left-1/2 -translate-x-1/2 animate-bounce">
            <a href="#vision" class="text-muted hover:text-primary transition-colors">
                <i class="fas fa-chevron-down text-2xl"></i>
            </a>
        </div>
    </section>

    <!-- Hot Banner: ResearchClawBench Task Submission -->
    <section class="py-6 relative z-10">
        <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
            <a href="blog/researchclawbench-task-submission.html" class="block group">
                <div class="relative overflow-hidden rounded-2xl bg-gradient-to-r from-amber-500 via-orange-500 to-red-500 p-1 shadow-lg shadow-orange-500/25">
                    <div class="bg-gradient-to-r from-amber-500 via-orange-500 to-red-500 rounded-xl px-6 py-4 flex items-center gap-4 sm:gap-6 group-hover:from-amber-600 group-hover:via-orange-600 group-hover:to-red-600 transition-all">
                        <div class="flex-shrink-0 hidden sm:block">
                            <div class="w-12 h-12 rounded-xl bg-white/20 flex items-center justify-center">
                                <i class="fas fa-fire text-2xl text-white animate-pulse"></i>
                            </div>
                        </div>
                        <div class="flex-1 min-w-0">
                            <div class="flex items-center gap-2 mb-1">
                                <span class="px-2 py-0.5 text-xs font-bold bg-white/30 text-white rounded-full">HOT</span>
                                <span class="text-white font-semibold truncate">Submit 3 Tasks, Become a Co-Author!</span>
                            </div>
                            <p class="text-white/90 text-sm hidden sm:block">Contribute research tasks to ResearchClawBench and earn paper co-authorship.</p>
                        </div>
                        <div class="flex-shrink-0">
                            <span class="inline-flex items-center gap-2 px-4 py-2 bg-white/20 rounded-lg text-white text-sm font-medium group-hover:bg-white/30 transition-colors whitespace-nowrap">
                                Learn More <i class="fas fa-arrow-right"></i>
                            </span>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </section>

    <!-- Vision Section -->
    <section id="vision" class="py-24 relative">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16 animate-on-scroll">
                <h2 class="text-3xl sm:text-4xl font-bold mb-4">Our Vision</h2>
                <p class="text-lg text-muted max-w-3xl mx-auto">
                    Building a comprehensive framework to evaluate and advance AI systems capable of genuine scientific discovery — from hypothesis to validation, from computation to experimentation
                </p>
            </div>

            <!-- Architecture Diagram -->
            <div class="mb-20 animate-on-scroll" style="--delay: 0.1s">
                <div class="glass-card p-6 rounded-2xl">
                    <img src="images/sgiworld-architecture.svg" alt="SGIWorld Architecture" class="w-full max-w-4xl mx-auto rounded-lg architecture-light">
                    <img src="images/sgiworld-architecture-dark.svg" alt="SGIWorld Architecture" class="w-full max-w-4xl mx-auto rounded-lg architecture-dark hidden">
                </div>
            </div>

            <!-- Four Components Description -->
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
                <div class="component-card animate-on-scroll" style="--delay: 0.1s; --accent-color: #6366f1">
                    <div class="component-number">1</div>
                    <h3 class="text-lg font-bold mb-2 text-sgi">Capability Probe</h3>
                    <p class="text-sm text-muted">
                        Automatically collect and analyze existing benchmarks, conduct systematic tests, and identify missing capabilities in current AI systems.
                    </p>
                </div>

                <div class="component-card animate-on-scroll" style="--delay: 0.2s; --accent-color: #10b981">
                    <div class="component-number" style="background: linear-gradient(135deg, #10b981, #34d399)">2</div>
                    <h3 class="text-lg font-bold mb-2 text-sfe">Benchmark</h3>
                    <p class="text-sm text-muted">
                        Establish high-quality, scientist-aligned benchmarks to fill identified capability gaps with rigorous evaluation tasks.
                    </p>
                </div>

                <div class="component-card animate-on-scroll" style="--delay: 0.3s; --accent-color: #06b6d4">
                    <div class="component-number" style="background: linear-gradient(135deg, #06b6d4, #22d3ee)">3</div>
                    <h3 class="text-lg font-bold mb-2 text-seevo">Environment</h3>
                    <p class="text-sm text-muted">
                        Dynamic and open evaluation platform that can synthesize any research tasks for comprehensive capability assessment.
                    </p>
                </div>

                <div class="component-card animate-on-scroll" style="--delay: 0.4s; --accent-color: #f59e0b">
                    <div class="component-number" style="background: linear-gradient(135deg, #f59e0b, #fbbf24)">4</div>
                    <h3 class="text-lg font-bold mb-2 text-claw">Coach</h3>
                    <p class="text-sm text-muted">
                        Train AI research agents to develop scientific taste, evaluate innovation and creativity, aligning AI with human scientific judgment.
                    </p>
                </div>
            </div>

            <!-- Core Evaluation Pillars -->
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="vision-pillar-card animate-on-scroll" style="--delay: 0.1s">
                    <div class="pillar-icon bg-gradient-to-br from-blue-500 to-purple-600">
                        <i class="fas fa-robot text-2xl text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">End-to-End Auto-Research</h3>
                    <p class="text-muted text-sm">
                        Evaluating AI agents on complete research workflows: from literature review, hypothesis generation, experimental design, to result analysis and paper writing — measuring true autonomous research capability.
                    </p>
                </div>

                <div class="vision-pillar-card animate-on-scroll" style="--delay: 0.2s">
                    <div class="pillar-icon bg-gradient-to-br from-green-500 to-teal-600">
                        <i class="fas fa-flask text-2xl text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Dry-Wet Lab Integration</h3>
                    <p class="text-muted text-sm">
                        Bridging computational (dry lab) and experimental (wet lab) validation. Our benchmarks assess AI's ability to close the loop between in-silico predictions and real-world laboratory verification.
                    </p>
                </div>

                <div class="vision-pillar-card animate-on-scroll" style="--delay: 0.3s">
                    <div class="pillar-icon bg-gradient-to-br from-orange-500 to-red-600">
                        <i class="fas fa-award text-2xl text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Towards Nobel-Level Breakthroughs</h3>
                    <p class="text-muted text-sm">
                        Moving beyond narrow benchmarks to evaluate AI's potential for groundbreaking scientific discoveries — the kind of creative, cross-disciplinary thinking that leads to transformative advances in human knowledge.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Statistics Section -->
    <section class="py-24">
        <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="stat-card animate-on-scroll" style="--delay: 0.1s">
                    <div class="stat-number" data-target="2000">0</div>
                    <div class="stat-label">Total Tasks</div>
                </div>
                <div class="stat-card animate-on-scroll" style="--delay: 0.2s">
                    <div class="stat-number" data-target="10">0</div>
                    <div class="stat-label">Disciplines</div>
                </div>
                <div class="stat-card animate-on-scroll" style="--delay: 0.3s">
                    <div class="stat-number" data-target="30">0</div>
                    <div class="stat-label">Models Evaluated</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="py-16 bg-alt border-t border-gray-200 dark:border-gray-800">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
                <!-- Brand -->
                <div class="md:col-span-2">
                    <div class="flex items-center gap-2 mb-4">
                        <img src="favicon.svg" alt="SGIWorld" class="w-8 h-8">
                        <span class="text-xl font-bold">SGI<span class="text-seevo">World</span></span>
                    </div>
                    <p class="text-muted mb-6 max-w-md">
                        Building the evaluation infrastructure for the next generation of AI systems capable of genuine scientific discovery.
                    </p>
                    <div class="flex items-center gap-4">
                        <a href="https://github.com/InternScience" target="_blank" class="text-muted hover:text-primary transition-colors">
                            <i class="fab fa-github text-xl"></i>
                        </a>
                    </div>
                </div>

                <!-- Quick Links -->
                <div>
                    <h4 class="font-semibold mb-4">Benchmarks</h4>
                    <ul class="space-y-2">
                        <li><a href="https://huggingface.co/datasets/InternScience/SFE" target="_blank" class="text-muted hover:text-primary transition-colors">SFE</a></li>
                        <li><a href="https://internscience.github.io/SGI-Page/" target="_blank" class="text-muted hover:text-primary transition-colors">SGI-Bench</a></li>
                        <li><a href="https://internscience.github.io/ResearchClawBench-Home/" target="_blank" class="text-muted hover:text-primary transition-colors">ResearchClawBench</a></li>
                        <li><a href="https://internscience.github.io/SeevoMap-Home/" target="_blank" class="text-muted hover:text-primary transition-colors">Environment</a></li>
                    </ul>
                </div>

                <!-- Resources -->
                <div>
                    <h4 class="font-semibold mb-4">Resources</h4>
                    <ul class="space-y-2">
                        <li><a href="https://github.com/InternScience" target="_blank" class="text-muted hover:text-primary transition-colors">GitHub</a></li>
                        <li><a href="research.html" class="text-muted hover:text-primary transition-colors">Research</a></li>
                        <li><a href="contact.html" class="text-muted hover:text-primary transition-colors">Contact</a></li>
                    </ul>
                </div>
            </div>

            <div class="mt-12 pt-8 border-t border-gray-200 dark:border-gray-800 text-center text-muted text-sm">
                <p>&copy; 2024-2026 SGIWorld. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="js/main.js"></script>
</body>
</html>