-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpaper.html
More file actions
206 lines (199 loc) · 11.4 KB
/
paper.html
File metadata and controls
206 lines (199 loc) · 11.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paper & Code | MAFBench</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-white">
<!-- Navigation -->
<nav id="navbar" class="fixed top-0 w-full bg-white/95 backdrop-blur-sm shadow-sm z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center">
<a href="index.html" class="text-2xl font-bold text-indigo-600">MAFBench</a>
</div>
<div class="hidden md:flex space-x-8 items-center">
<a href="index.html" class="text-gray-600 hover:text-indigo-600">Home</a>
<a href="design.html" class="text-gray-600 hover:text-indigo-600">Why Design Matters</a>
<div class="dropdown relative">
<a href="architecture/index.html" class="text-gray-600 hover:text-indigo-600 flex items-center">
Architecture Guide
<i class="fas fa-chevron-down ml-1 text-xs"></i>
</a>
<div class="dropdown-menu">
<a href="architecture/index.html">Overview</a>
<a href="architecture/single-agent.html">Single-Agent Characteristics</a>
<a href="architecture/multi-agent.html">Multi-Agent Characteristics</a>
<a href="architecture/environment.html">Environment</a>
</div>
</div>
<a href="results.html" class="text-gray-600 hover:text-indigo-600">Results</a>
<a href="mafbench.html" class="text-gray-600 hover:text-indigo-600">MAFBench</a>
<a href="paper.html" class="text-gray-900 font-medium hover:text-indigo-600">Paper & Code</a>
<a href="about.html" class="text-gray-600 hover:text-indigo-600">About</a>
</div>
<button id="mobile-menu-btn" class="md:hidden text-gray-600">
<i class="fas fa-bars text-xl"></i>
</button>
</div>
</div>
<div id="mobile-menu" class="hidden md:hidden bg-white border-t">
<div class="px-4 py-4 space-y-3">
<a href="index.html" class="block text-gray-600">Home</a>
<a href="design.html" class="block text-gray-600">Why Design Matters</a>
<div class="pl-2 border-l-2 border-gray-200">
<a href="architecture/index.html" class="block text-gray-900 font-medium mb-2">Architecture Guide</a>
<div class="pl-4 space-y-2">
<a href="architecture/index.html" class="block text-gray-600 text-sm">Overview</a>
<a href="architecture/single-agent.html" class="block text-gray-600 text-sm">Single-Agent Characteristics</a>
<a href="architecture/multi-agent.html" class="block text-gray-600 text-sm">Multi-Agent Characteristics</a>
<a href="architecture/environment.html" class="block text-gray-600 text-sm">Environment</a>
</div>
</div>
<a href="results.html" class="block text-gray-600">Results</a>
<a href="mafbench.html" class="block text-gray-600">MAFBench</a>
<a href="paper.html" class="block text-gray-900 font-medium">Paper & Code</a>
<a href="about.html" class="block text-gray-600">About</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-indigo-50 to-white">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-5xl md:text-6xl font-bold text-gray-900 mb-6">
Paper & Code
</h1>
<p class="text-xl text-gray-700 leading-relaxed">
Understanding Multi-Agent LLM Frameworks: A Unified Benchmark and Experimental Analysis
</p>
</div>
</section>
<!-- Main Content -->
<section class="py-20 px-4 sm:px-6 lg:px-8 bg-white">
<div class="max-w-4xl mx-auto">
<!-- Paper Links -->
<div class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-8 text-center">Download Paper</h2>
<div class="grid md:grid-cols-2 gap-6">
<a href="paper.pdf" download class="group bg-indigo-600 text-white p-8 rounded-xl hover:bg-indigo-700 transition shadow-lg flex flex-col items-center text-center">
<div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition">
<i class="fas fa-file-pdf text-3xl"></i>
</div>
<h3 class="text-xl font-bold mb-2">PDF Download</h3>
<p class="text-indigo-100 text-sm">Direct download</p>
</a>
<a href="https://arxiv.org/pdf/2602.03128" target="_blank" class="group bg-gray-100 text-gray-900 p-8 rounded-xl hover:bg-gray-200 transition shadow-lg flex flex-col items-center text-center border-2 border-gray-200">
<div class="w-16 h-16 bg-gray-200 rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition">
<i class="fas fa-external-link-alt text-3xl"></i>
</div>
<h3 class="text-xl font-bold mb-2">arXiv</h3>
<p class="text-gray-600 text-sm">View on arXiv</p>
</a>
</div>
</div>
<!-- Citation -->
<div class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6 text-center">Citation</h2>
<div class="bg-gray-50 border border-gray-300 rounded-xl p-8">
<div class="bg-gray-900 rounded-lg p-6 border border-gray-700 mb-4">
<pre class="text-sm text-white font-mono whitespace-pre-wrap overflow-x-auto"><code>@article{orogat2026mafbench,
title={Understanding Multi-Agent LLM Frameworks: A Unified Benchmark and Experimental Analysis},
author={Orogat, Abdelghny and Rostam, Ana and Mansour, Essam},
journal={arXiv preprint},
year={2026}
}</code></pre>
</div>
<button onclick="copyCitation()" class="w-full md:w-auto px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition font-semibold flex items-center justify-center gap-2">
<i class="fas fa-copy"></i> Copy Citation
</button>
</div>
</div>
<!-- Code Repository -->
<div>
<h2 class="text-3xl font-bold text-gray-900 mb-6 text-center">Code Repository</h2>
<div class="bg-gradient-to-br from-gray-900 to-gray-800 text-white rounded-xl p-8 shadow-xl">
<div class="flex items-center justify-between mb-6">
<div>
<h3 class="text-2xl font-bold mb-2">MAFBench on GitHub</h3>
<p class="text-gray-300">Open source benchmark and evaluation suite</p>
</div>
<div class="text-5xl">
<i class="fab fa-github"></i>
</div>
</div>
<div class="bg-gray-900 rounded-lg p-4 mb-6 border border-gray-700">
<code class="text-green-400 font-mono text-sm">git clone https://github.com/CoDS-GCS/MAFBench.git</code>
</div>
<a href="https://github.com/CoDS-GCS/MAFBench" target="_blank" class="inline-block w-full md:w-auto px-8 py-4 bg-white text-gray-900 rounded-lg font-semibold hover:bg-gray-100 transition text-center">
<i class="fab fa-github mr-2"></i> View on GitHub
</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-300 py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="grid md:grid-cols-4 gap-8 mb-8">
<div>
<h3 class="text-white font-bold text-lg mb-4">MAFBench</h3>
<p class="text-sm">A unified benchmark for evaluating multi-agent LLM frameworks.</p>
</div>
<div>
<h4 class="text-white font-semibold mb-4">Resources</h4>
<ul class="space-y-2 text-sm">
<li><a href="paper.html" class="hover:text-white">Paper</a></li>
<li><a href="mafbench.html" class="hover:text-white">Benchmark</a></li>
<li><a href="https://github.com/CoDS-GCS/MAFBench" target="_blank" class="hover:text-white">GitHub</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-semibold mb-4">Learn</h4>
<ul class="space-y-2 text-sm">
<li><a href="architecture/index.html" class="hover:text-white">Architecture Guide</a></li>
<li><a href="results.html" class="hover:text-white">Results</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-semibold mb-4">Connect</h4>
<ul class="space-y-2 text-sm">
<li><a href="about.html" class="hover:text-white">About</a></li>
<li><a href="https://github.com/CoDS-GCS/MAFBench" target="_blank" class="hover:text-white">GitHub</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 pt-8 text-center text-sm">
<p>© 2026 MAFBench. Research by Concordia University.</p>
</div>
</div>
</footer>
<script>
function copyCitation() {
const citation = `@article{orogat2026mafbench,
title={Understanding Multi-Agent LLM Frameworks: A Unified Benchmark and Experimental Analysis},
author={Orogat, Abdelghny and Rostam, Ana and Mansour, Essam},
journal={arXiv preprint},
year={2026}
}`;
navigator.clipboard.writeText(citation).then(() => {
// Show a better notification
const button = document.querySelector('button[onclick="copyCitation()"]');
const originalText = button.innerHTML;
button.innerHTML = '<i class="fas fa-check"></i> Copied!';
button.classList.add('bg-green-600');
button.classList.remove('bg-indigo-600', 'hover:bg-indigo-700');
setTimeout(() => {
button.innerHTML = originalText;
button.classList.remove('bg-green-600');
button.classList.add('bg-indigo-600', 'hover:bg-indigo-700');
}, 2000);
});
}
</script>
<script src="scripts/main.js"></script>
</body>
</html>