Hugging Face's logo

Spaces:
bergr7f
/
website
Running

App Files Community
bergr7f commited on
Commit
33ad906
·
verified ·
1 Parent(s): 04f8a2c

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +397 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Website
3
- emoji: 🦀
4
- colorFrom: yellow
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: website
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,397 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI Research | LLMs • Agents • Evaluation</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Roboto Mono', monospace;
14
+ background-color: #ffffff;
15
+ color: #000000;
16
+ line-height: 1.6;
17
+ }
18
+
19
+ .code-block {
20
+ background-color: #000000;
21
+ color: #ffffff;
22
+ padding: 1rem;
23
+ border-radius: 0.25rem;
24
+ font-family: 'Roboto Mono', monospace;
25
+ font-size: 0.9rem;
26
+ overflow-x: auto;
27
+ }
28
+
29
+ .nav-link {
30
+ position: relative;
31
+ }
32
+
33
+ .nav-link:after {
34
+ content: '';
35
+ position: absolute;
36
+ width: 0;
37
+ height: 2px;
38
+ bottom: 0;
39
+ left: 0;
40
+ background-color: #000000;
41
+ transition: width 0.3s ease;
42
+ }
43
+
44
+ .nav-link:hover:after {
45
+ width: 100%;
46
+ }
47
+
48
+ .article-card {
49
+ border: 1px solid #000000;
50
+ transition: all 0.2s ease;
51
+ }
52
+
53
+ .article-card:hover {
54
+ box-shadow: 4px 4px 0 #000000;
55
+ transform: translate(-2px, -2px);
56
+ }
57
+
58
+ .tag {
59
+ border: 1px solid #000000;
60
+ transition: all 0.2s ease;
61
+ }
62
+
63
+ .tag:hover {
64
+ background-color: #000000;
65
+ color: #ffffff;
66
+ }
67
+
68
+ .btn {
69
+ border: 1px solid #000000;
70
+ transition: all 0.2s ease;
71
+ }
72
+
73
+ .btn:hover {
74
+ background-color: #000000;
75
+ color: #ffffff;
76
+ }
77
+
78
+ .btn-inverse {
79
+ background-color: #000000;
80
+ color: #ffffff;
81
+ transition: all 0.2s ease;
82
+ }
83
+
84
+ .btn-inverse:hover {
85
+ background-color: #ffffff;
86
+ color: #000000;
87
+ }
88
+
89
+ .divider {
90
+ height: 1px;
91
+ background-color: #000000;
92
+ opacity: 0.2;
93
+ }
94
+ </style>
95
+ </head>
96
+ <body class="bg-white text-black">
97
+ <!-- Navigation -->
98
+ <nav class="bg-white border-b border-black sticky top-0 z-50">
99
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
100
+ <div class="flex justify-between h-16 items-center">
101
+ <div class="flex items-center">
102
+ <a href="#" class="text-xl font-bold">AI_RESEARCH</a>
103
+ </div>
104
+ <div class="hidden md:flex items-center space-x-8">
105
+ <a href="#home" class="nav-link px-3 py-2">HOME</a>
106
+ <a href="#articles" class="nav-link px-3 py-2">ARTICLES</a>
107
+ <a href="#about" class="nav-link px-3 py-2">ABOUT</a>
108
+ <a href="#contact" class="nav-link px-3 py-2">CONTACT</a>
109
+ </div>
110
+ <div class="md:hidden flex items-center">
111
+ <button class="focus:outline-none">
112
+ <i class="fas fa-bars text-xl"></i>
113
+ </button>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </nav>
118
+
119
+ <!-- Hero Section -->
120
+ <section id="home" class="py-20">
121
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
122
+ <div class="flex flex-col md:flex-row items-center">
123
+ <div class="md:w-2/3 mb-10 md:mb-0">
124
+ <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">
125
+ >_ AI RESEARCH <br/>
126
+ <span class="text-gray-600">LLMs • Agents • Evaluation • Data</span>
127
+ </h1>
128
+ <p class="mb-8 text-lg">
129
+ Technical deep dives into language models, autonomous agents, evaluation methodologies,
130
+ and synthetic data generation. No fluff, just code and concepts.
131
+ </p>
132
+ <div class="flex space-x-4">
133
+ <a href="#articles" class="btn-inverse px-6 py-3 rounded font-medium">
134
+ READ ARTICLES
135
+ </a>
136
+ <a href="#about" class="btn px-6 py-3 rounded font-medium">
137
+ ABOUT ME
138
+ </a>
139
+ </div>
140
+ </div>
141
+ <div class="md:w-1/3 flex justify-center">
142
+ <div class="code-block w-full">
143
+ <span class="text-green-400"># Latest research focus</span><br/>
144
+ <span class="text-blue-400">def</span> evaluate_agent(<span class="text-yellow-400">agent</span>, <span class="text-yellow-400">tasks</span>):<br/>
145
+ &nbsp;&nbsp;<span class="text-blue-400">return</span> {<br/>
146
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="text-purple-400">"accuracy"</span>: calculate_metrics(),<br/>
147
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="text-purple-400">"robustness"</span>: stress_test()<br/>
148
+ &nbsp;&nbsp;}<br/><br/>
149
+ <span class="text-gray-500">>_ Running evaluation...</span>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Featured Articles -->
157
+ <section id="articles" class="py-16">
158
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
159
+ <div class="mb-12">
160
+ <h2 class="text-3xl font-bold mb-2">LATEST ARTICLES</h2>
161
+ <div class="divider w-20 h-px my-4"></div>
162
+ <p>
163
+ Technical write-ups on current research topics
164
+ </p>
165
+ </div>
166
+
167
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
168
+ <!-- Article 1 -->
169
+ <div class="article-card p-6 rounded">
170
+ <div class="flex flex-wrap gap-2 mb-4">
171
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">LLMs</span>
172
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Evaluation</span>
173
+ </div>
174
+ <h3 class="text-xl font-bold mb-2">Beyond Accuracy: Comprehensive LLM Evaluation</h3>
175
+ <p class="mb-4">
176
+ Implementing multi-dimensional evaluation frameworks that go beyond simple accuracy metrics to assess model robustness, bias, and reasoning capabilities.
177
+ </p>
178
+ <div class="flex items-center text-sm">
179
+ <span>2023-06-15</span>
180
+ <span class="mx-2">•</span>
181
+ <span>12 min read</span>
182
+ </div>
183
+ </div>
184
+
185
+ <!-- Article 2 -->
186
+ <div class="article-card p-6 rounded">
187
+ <div class="flex flex-wrap gap-2 mb-4">
188
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Agents</span>
189
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Architecture</span>
190
+ </div>
191
+ <h3 class="text-xl font-bold mb-2">Building Stateful AI Agents</h3>
192
+ <p class="mb-4">
193
+ Architectural patterns for creating agents with memory and learning capabilities using transformer-based models and reinforcement learning.
194
+ </p>
195
+ <div class="flex items-center text-sm">
196
+ <span>2023-05-28</span>
197
+ <span class="mx-2">•</span>
198
+ <span>15 min read</span>
199
+ </div>
200
+ </div>
201
+
202
+ <!-- Article 3 -->
203
+ <div class="article-card p-6 rounded">
204
+ <div class="flex flex-wrap gap-2 mb-4">
205
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Data</span>
206
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Generation</span>
207
+ </div>
208
+ <h3 class="text-xl font-bold mb-2">Synthetic Data at Scale</h3>
209
+ <p class="mb-4">
210
+ Techniques for generating high-quality synthetic training data using LLMs, with quality control mechanisms and diversity metrics.
211
+ </p>
212
+ <div class="flex items-center text-sm">
213
+ <span>2023-04-12</span>
214
+ <span class="mx-2">•</span>
215
+ <span>10 min read</span>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Article 4 -->
220
+ <div class="article-card p-6 rounded">
221
+ <div class="flex flex-wrap gap-2 mb-4">
222
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Evaluation</span>
223
+ <span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Metrics</span>
224
+ </div>
225
+ <h3 class="text-xl font-bold mb-2">Dynamic Evaluation Frameworks</h3>
226
+ <p class="mb-4">
227
+ Creating adaptive evaluation systems that evolve with model capabilities, focusing on edge cases and failure modes.
228
+ </p>
229
+ <div class="flex items-center text-sm">
230
+ <span>2023-03-05</span>
231
+ <span class="mx-2">•</span>
232
+ <span>8 min read</span>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <div class="mt-12">
238
+ <a href="#" class="inline-flex items-center font-medium">
239
+ VIEW ALL ARTICLES
240
+ <i class="fas fa-arrow-right ml-2"></i>
241
+ </a>
242
+ </div>
243
+ </div>
244
+ </section>
245
+
246
+ <!-- About Section -->
247
+ <section id="about" class="py-16 bg-black text-white">
248
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
249
+ <div class="flex flex-col md:flex-row items-center">
250
+ <div class="md:w-1/3 mb-8 md:mb-0">
251
+ <div class="code-block bg-gray-900">
252
+ <span class="text-green-400"># About the researcher</span><br/>
253
+ <span class="text-blue-400">class</span> Researcher:<br/>
254
+ &nbsp;&nbsp;<span class="text-blue-400">def</span> __init__(<span class="text-yellow-400">self</span>):<br/>
255
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="text-yellow-400">self</span>.focus = [<br/>
256
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-purple-400">"LLMs"</span>,<br/>
257
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-purple-400">"Agents"</span>,<br/>
258
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-purple-400">"Evaluation"</span><br/>
259
+ &nbsp;&nbsp;&nbsp;&nbsp;]<br/>
260
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="text-yellow-400">self</span>.experience = <span class="text-purple-400">"5+ years"</span>
261
+ </div>
262
+ </div>
263
+ <div class="md:w-2/3 md:pl-12">
264
+ <h2 class="text-3xl font-bold mb-6">ABOUT</h2>
265
+ <div class="divider w-20 h-px my-4 bg-white"></div>
266
+ <p class="mb-4">
267
+ I'm an AI researcher and engineer with a focus on developing and evaluating large language models and autonomous agent systems. My work sits at the intersection of machine learning, software engineering, and empirical research methodology.
268
+ </p>
269
+ <p class="mb-6">
270
+ Current research interests include:
271
+ </p>
272
+ <ul class="list-disc pl-5 mb-6 space-y-2">
273
+ <li>Novel evaluation methodologies for generative models</li>
274
+ <li>Architectures for long-term memory in AI agents</li>
275
+ <li>Scalable synthetic data generation techniques</li>
276
+ <li>Failure mode analysis in LLMs</li>
277
+ </ul>
278
+ <div class="flex flex-wrap gap-4">
279
+ <a href="#" class="flex items-center">
280
+ <i class="fab fa-github text-xl mr-2"></i>
281
+ <span>GITHUB</span>
282
+ </a>
283
+ <a href="#" class="flex items-center">
284
+ <i class="fab fa-twitter text-xl mr-2"></i>
285
+ <span>TWITTER</span>
286
+ </a>
287
+ <a href="#" class="flex items-center">
288
+ <i class="fas fa-file-alt text-xl mr-2"></i>
289
+ <span>PUBLICATIONS</span>
290
+ </a>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </section>
296
+
297
+ <!-- Contact Section -->
298
+ <section id="contact" class="py-16">
299
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
300
+ <div class="border border-black rounded p-8">
301
+ <h2 class="text-3xl font-bold mb-6">CONTACT</h2>
302
+ <div class="divider w-20 h-px my-4"></div>
303
+ <p class="mb-8">
304
+ For research collaborations, consulting, or speaking engagements.
305
+ </p>
306
+ <form class="space-y-4">
307
+ <div>
308
+ <label for="name" class="block mb-2">NAME</label>
309
+ <input type="text" id="name" class="w-full px-4 py-2 border border-black rounded">
310
+ </div>
311
+ <div>
312
+ <label for="email" class="block mb-2">EMAIL</label>
313
+ <input type="email" id="email" class="w-full px-4 py-2 border border-black rounded">
314
+ </div>
315
+ <div>
316
+ <label for="message" class="block mb-2">MESSAGE</label>
317
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-black rounded"></textarea>
318
+ </div>
319
+ <button type="submit" class="btn-inverse px-6 py-3 rounded font-medium">
320
+ SEND MESSAGE
321
+ </button>
322
+ </form>
323
+ </div>
324
+ </div>
325
+ </section>
326
+
327
+ <!-- Footer -->
328
+ <footer class="bg-black text-white py-12">
329
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
330
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
331
+ <div>
332
+ <h3 class="text-lg font-semibold mb-4">AI_RESEARCH</h3>
333
+ <p class="text-gray-400">
334
+ Technical explorations in artificial intelligence.
335
+ </p>
336
+ </div>
337
+ <div>
338
+ <h3 class="text-lg font-semibold mb-4">TOPICS</h3>
339
+ <ul class="space-y-2 text-gray-400">
340
+ <li><a href="#" class="hover:text-white">LARGE LANGUAGE MODELS</a></li>
341
+ <li><a href="#" class="hover:text-white">AUTONOMOUS AGENTS</a></li>
342
+ <li><a href="#" class="hover:text-white">EVALUATION</a></li>
343
+ <li><a href="#" class="hover:text-white">DATA GENERATION</a></li>
344
+ </ul>
345
+ </div>
346
+ <div>
347
+ <h3 class="text-lg font-semibold mb-4">CONNECT</h3>
348
+ <div class="flex space-x-4">
349
+ <a href="#" class="text-gray-400 hover:text-white">
350
+ <i class="fab fa-github"></i>
351
+ </a>
352
+ <a href="#" class="text-gray-400 hover:text-white">
353
+ <i class="fab fa-twitter"></i>
354
+ </a>
355
+ <a href="#" class="text-gray-400 hover:text-white">
356
+ <i class="fab fa-linkedin"></i>
357
+ </a>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ <div class="border-t border-gray-800 mt-8 pt-8 text-sm text-center text-gray-400">
362
+ <p>© 2023 AI RESEARCH. ALL RIGHTS RESERVED.</p>
363
+ </div>
364
+ </div>
365
+ </footer>
366
+
367
+ <script>
368
+ // Simple JavaScript for mobile menu toggle
369
+ document.addEventListener('DOMContentLoaded', function() {
370
+ const mobileMenuButton = document.querySelector('.md\\:hidden button');
371
+ const navLinks = document.querySelector('.md\\:hidden + .md\\:flex');
372
+
373
+ mobileMenuButton.addEventListener('click', function() {
374
+ // This would normally toggle a mobile menu
375
+ alert('Mobile menu would open here in a full implementation');
376
+ });
377
+
378
+ // Smooth scrolling for anchor links
379
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
380
+ anchor.addEventListener('click', function (e) {
381
+ e.preventDefault();
382
+
383
+ const targetId = this.getAttribute('href');
384
+ const targetElement = document.querySelector(targetId);
385
+
386
+ if (targetElement) {
387
+ window.scrollTo({
388
+ top: targetElement.offsetTop - 80,
389
+ behavior: 'smooth'
390
+ });
391
+ }
392
+ });
393
+ });
394
+ });
395
+ </script>
396
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=bergr7f/website" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
397
+ </html>