|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>AI Research | LLMs • Agents • Evaluation</title> |
|
<script src="https://cdn.tailwindcss.com"></script> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
<style> |
|
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap'); |
|
|
|
body { |
|
font-family: 'Roboto Mono', monospace; |
|
background-color: #ffffff; |
|
color: #000000; |
|
line-height: 1.6; |
|
} |
|
|
|
.code-block { |
|
background-color: #000000; |
|
color: #ffffff; |
|
padding: 1rem; |
|
border-radius: 0.25rem; |
|
font-family: 'Roboto Mono', monospace; |
|
font-size: 0.9rem; |
|
overflow-x: auto; |
|
} |
|
|
|
.nav-link { |
|
position: relative; |
|
} |
|
|
|
.nav-link:after { |
|
content: ''; |
|
position: absolute; |
|
width: 0; |
|
height: 2px; |
|
bottom: 0; |
|
left: 0; |
|
background-color: #000000; |
|
transition: width 0.3s ease; |
|
} |
|
|
|
.nav-link:hover:after { |
|
width: 100%; |
|
} |
|
|
|
.article-card { |
|
border: 1px solid #000000; |
|
transition: all 0.2s ease; |
|
} |
|
|
|
.article-card:hover { |
|
box-shadow: 4px 4px 0 #000000; |
|
transform: translate(-2px, -2px); |
|
} |
|
|
|
.tag { |
|
border: 1px solid #000000; |
|
transition: all 0.2s ease; |
|
} |
|
|
|
.tag:hover { |
|
background-color: #000000; |
|
color: #ffffff; |
|
} |
|
|
|
.btn { |
|
border: 1px solid #000000; |
|
transition: all 0.2s ease; |
|
} |
|
|
|
.btn:hover { |
|
background-color: #000000; |
|
color: #ffffff; |
|
} |
|
|
|
.btn-inverse { |
|
background-color: #000000; |
|
color: #ffffff; |
|
transition: all 0.2s ease; |
|
} |
|
|
|
.btn-inverse:hover { |
|
background-color: #ffffff; |
|
color: #000000; |
|
} |
|
|
|
.divider { |
|
height: 1px; |
|
background-color: #000000; |
|
opacity: 0.2; |
|
} |
|
</style> |
|
</head> |
|
<body class="bg-white text-black"> |
|
|
|
<nav class="bg-white border-b border-black sticky top-0 z-50"> |
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="flex justify-between h-16 items-center"> |
|
<div class="flex items-center"> |
|
<a href="#" class="text-xl font-bold">AI_RESEARCH</a> |
|
</div> |
|
<div class="hidden md:flex items-center space-x-8"> |
|
<a href="#home" class="nav-link px-3 py-2">HOME</a> |
|
<a href="#articles" class="nav-link px-3 py-2">ARTICLES</a> |
|
<a href="#about" class="nav-link px-3 py-2">ABOUT</a> |
|
<a href="#contact" class="nav-link px-3 py-2">CONTACT</a> |
|
</div> |
|
<div class="md:hidden flex items-center"> |
|
<button class="focus:outline-none"> |
|
<i class="fas fa-bars text-xl"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</nav> |
|
|
|
|
|
<section id="home" class="py-20"> |
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="flex flex-col md:flex-row items-center"> |
|
<div class="md:w-2/3 mb-10 md:mb-0"> |
|
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6"> |
|
>_ AI RESEARCH <br/> |
|
<span class="text-gray-600">LLMs • Agents • Evaluation • Data</span> |
|
</h1> |
|
<p class="mb-8 text-lg"> |
|
Technical deep dives into language models, autonomous agents, evaluation methodologies, |
|
and synthetic data generation. No fluff, just code and concepts. |
|
</p> |
|
<div class="flex space-x-4"> |
|
<a href="#articles" class="btn-inverse px-6 py-3 rounded font-medium"> |
|
READ ARTICLES |
|
</a> |
|
<a href="#about" class="btn px-6 py-3 rounded font-medium"> |
|
ABOUT ME |
|
</a> |
|
</div> |
|
</div> |
|
<div class="md:w-1/3 flex justify-center"> |
|
<div class="code-block w-full"> |
|
<span class="text-green-400"># Latest research focus</span><br/> |
|
<span class="text-blue-400">def</span> evaluate_agent(<span class="text-yellow-400">agent</span>, <span class="text-yellow-400">tasks</span>):<br/> |
|
<span class="text-blue-400">return</span> {<br/> |
|
<span class="text-purple-400">"accuracy"</span>: calculate_metrics(),<br/> |
|
<span class="text-purple-400">"robustness"</span>: stress_test()<br/> |
|
}<br/><br/> |
|
<span class="text-gray-500">>_ Running evaluation...</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="articles" class="py-16"> |
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="mb-12"> |
|
<h2 class="text-3xl font-bold mb-2">LATEST ARTICLES</h2> |
|
<div class="divider w-20 h-px my-4"></div> |
|
<p> |
|
Technical write-ups on current research topics |
|
</p> |
|
</div> |
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
|
<div class="article-card p-6 rounded"> |
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">LLMs</span> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Evaluation</span> |
|
</div> |
|
<h3 class="text-xl font-bold mb-2">Beyond Accuracy: Comprehensive LLM Evaluation</h3> |
|
<p class="mb-4"> |
|
Implementing multi-dimensional evaluation frameworks that go beyond simple accuracy metrics to assess model robustness, bias, and reasoning capabilities. |
|
</p> |
|
<div class="flex items-center text-sm"> |
|
<span>2023-06-15</span> |
|
<span class="mx-2">•</span> |
|
<span>12 min read</span> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="article-card p-6 rounded"> |
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Agents</span> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Architecture</span> |
|
</div> |
|
<h3 class="text-xl font-bold mb-2">Building Stateful AI Agents</h3> |
|
<p class="mb-4"> |
|
Architectural patterns for creating agents with memory and learning capabilities using transformer-based models and reinforcement learning. |
|
</p> |
|
<div class="flex items-center text-sm"> |
|
<span>2023-05-28</span> |
|
<span class="mx-2">•</span> |
|
<span>15 min read</span> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="article-card p-6 rounded"> |
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Data</span> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Generation</span> |
|
</div> |
|
<h3 class="text-xl font-bold mb-2">Synthetic Data at Scale</h3> |
|
<p class="mb-4"> |
|
Techniques for generating high-quality synthetic training data using LLMs, with quality control mechanisms and diversity metrics. |
|
</p> |
|
<div class="flex items-center text-sm"> |
|
<span>2023-04-12</span> |
|
<span class="mx-2">•</span> |
|
<span>10 min read</span> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="article-card p-6 rounded"> |
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Evaluation</span> |
|
<span class="tag text-xs font-medium px-2.5 py-0.5 rounded">Metrics</span> |
|
</div> |
|
<h3 class="text-xl font-bold mb-2">Dynamic Evaluation Frameworks</h3> |
|
<p class="mb-4"> |
|
Creating adaptive evaluation systems that evolve with model capabilities, focusing on edge cases and failure modes. |
|
</p> |
|
<div class="flex items-center text-sm"> |
|
<span>2023-03-05</span> |
|
<span class="mx-2">•</span> |
|
<span>8 min read</span> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<a href="#" class="inline-flex items-center font-medium"> |
|
VIEW ALL ARTICLES |
|
<i class="fas fa-arrow-right ml-2"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="about" class="py-16 bg-black text-white"> |
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="flex flex-col md:flex-row items-center"> |
|
<div class="md:w-1/3 mb-8 md:mb-0"> |
|
<div class="code-block bg-gray-900"> |
|
<span class="text-green-400"># About the researcher</span><br/> |
|
<span class="text-blue-400">class</span> Researcher:<br/> |
|
<span class="text-blue-400">def</span> __init__(<span class="text-yellow-400">self</span>):<br/> |
|
<span class="text-yellow-400">self</span>.focus = [<br/> |
|
<span class="text-purple-400">"LLMs"</span>,<br/> |
|
<span class="text-purple-400">"Agents"</span>,<br/> |
|
<span class="text-purple-400">"Evaluation"</span><br/> |
|
]<br/> |
|
<span class="text-yellow-400">self</span>.experience = <span class="text-purple-400">"5+ years"</span> |
|
</div> |
|
</div> |
|
<div class="md:w-2/3 md:pl-12"> |
|
<h2 class="text-3xl font-bold mb-6">ABOUT</h2> |
|
<div class="divider w-20 h-px my-4 bg-white"></div> |
|
<p class="mb-4"> |
|
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. |
|
</p> |
|
<p class="mb-6"> |
|
Current research interests include: |
|
</p> |
|
<ul class="list-disc pl-5 mb-6 space-y-2"> |
|
<li>Novel evaluation methodologies for generative models</li> |
|
<li>Architectures for long-term memory in AI agents</li> |
|
<li>Scalable synthetic data generation techniques</li> |
|
<li>Failure mode analysis in LLMs</li> |
|
</ul> |
|
<div class="flex flex-wrap gap-4"> |
|
<a href="#" class="flex items-center"> |
|
<i class="fab fa-github text-xl mr-2"></i> |
|
<span>GITHUB</span> |
|
</a> |
|
<a href="#" class="flex items-center"> |
|
<i class="fab fa-twitter text-xl mr-2"></i> |
|
<span>TWITTER</span> |
|
</a> |
|
<a href="#" class="flex items-center"> |
|
<i class="fas fa-file-alt text-xl mr-2"></i> |
|
<span>PUBLICATIONS</span> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="contact" class="py-16"> |
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="border border-black rounded p-8"> |
|
<h2 class="text-3xl font-bold mb-6">CONTACT</h2> |
|
<div class="divider w-20 h-px my-4"></div> |
|
<p class="mb-8"> |
|
For research collaborations, consulting, or speaking engagements. |
|
</p> |
|
<form class="space-y-4"> |
|
<div> |
|
<label for="name" class="block mb-2">NAME</label> |
|
<input type="text" id="name" class="w-full px-4 py-2 border border-black rounded"> |
|
</div> |
|
<div> |
|
<label for="email" class="block mb-2">EMAIL</label> |
|
<input type="email" id="email" class="w-full px-4 py-2 border border-black rounded"> |
|
</div> |
|
<div> |
|
<label for="message" class="block mb-2">MESSAGE</label> |
|
<textarea id="message" rows="4" class="w-full px-4 py-2 border border-black rounded"></textarea> |
|
</div> |
|
<button type="submit" class="btn-inverse px-6 py-3 rounded font-medium"> |
|
SEND MESSAGE |
|
</button> |
|
</form> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<footer class="bg-black text-white py-12"> |
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
<div> |
|
<h3 class="text-lg font-semibold mb-4">AI_RESEARCH</h3> |
|
<p class="text-gray-400"> |
|
Technical explorations in artificial intelligence. |
|
</p> |
|
</div> |
|
<div> |
|
<h3 class="text-lg font-semibold mb-4">TOPICS</h3> |
|
<ul class="space-y-2 text-gray-400"> |
|
<li><a href="#" class="hover:text-white">LARGE LANGUAGE MODELS</a></li> |
|
<li><a href="#" class="hover:text-white">AUTONOMOUS AGENTS</a></li> |
|
<li><a href="#" class="hover:text-white">EVALUATION</a></li> |
|
<li><a href="#" class="hover:text-white">DATA GENERATION</a></li> |
|
</ul> |
|
</div> |
|
<div> |
|
<h3 class="text-lg font-semibold mb-4">CONNECT</h3> |
|
<div class="flex space-x-4"> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-twitter"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-linkedin"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="border-t border-gray-800 mt-8 pt-8 text-sm text-center text-gray-400"> |
|
<p>© 2023 AI RESEARCH. ALL RIGHTS RESERVED.</p> |
|
</div> |
|
</div> |
|
</footer> |
|
|
|
<script> |
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
const mobileMenuButton = document.querySelector('.md\\:hidden button'); |
|
const navLinks = document.querySelector('.md\\:hidden + .md\\:flex'); |
|
|
|
mobileMenuButton.addEventListener('click', function() { |
|
|
|
alert('Mobile menu would open here in a full implementation'); |
|
}); |
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
anchor.addEventListener('click', function (e) { |
|
e.preventDefault(); |
|
|
|
const targetId = this.getAttribute('href'); |
|
const targetElement = document.querySelector(targetId); |
|
|
|
if (targetElement) { |
|
window.scrollTo({ |
|
top: targetElement.offsetTop - 80, |
|
behavior: 'smooth' |
|
}); |
|
} |
|
}); |
|
}); |
|
}); |
|
</script> |
|
<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> |
|
</html> |
