Redesign org card: real brand tokens, correct IEEE Access citation, drop team section

#1
Files changed (1) hide show
  1. index.html +292 -56
index.html CHANGED
@@ -7,92 +7,328 @@
7
  <link rel="preconnect" href="https://fonts.googleapis.com">
8
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  </head>
11
- <body style="margin:0;padding:0;background:#0e0f10;color:#c8cbd0;font-family:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;">
12
 
13
- <div style="max-width:720px;margin:0 auto;padding:0 24px;">
14
 
15
- <header style="padding:72px 0 8px;">
16
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:44px;">
17
- <img src="https://huggingface.co/spaces/Haakkim/README/resolve/main/haakkim-logo-only.png" alt="" style="width:28px;height:28px;border-radius:7px;display:block;" />
18
- <span style="font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:500;letter-spacing:0.08em;color:#9aa0a8;">HAAKKIM</span>
19
  </div>
20
 
21
- <h1 style="direction:rtl;font-family:'IBM Plex Sans Arabic','Tajawal','Segoe UI',sans-serif;font-weight:700;font-size:clamp(72px, 16vw, 140px);line-height:1;margin:0 0 6px;color:#4ade80;text-shadow:0 0 28px rgba(74,222,128,0.45), 0 0 70px rgba(74,222,128,0.18);">حَكِّم</h1>
22
- <p style="font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;letter-spacing:0.1em;color:#83898f;margin:0 0 32px;">ḥakkim: "to judge, to arbitrate"</p>
23
 
24
- <p style="font-size:19px;line-height:1.6;color:#f4f4f5;max-width:34em;margin:0 0 14px;">An open arena for evaluating Arabic language models by human preference, across eleven dialects, ranked with a Bradley-Terry model.</p>
25
- <p style="font-size:16px;color:#9aa0a8;max-width:36em;margin:0 0 4px;">People vote on pairs of model responses. Votes cast in Ranked Arena matches feed the public leaderboard.</p>
26
 
27
- <p style="font-size:16px;color:#9aa0a8;margin-top:20px;">Try the <a href="https://haakkim.tech" style="color:#f4f4f5;text-decoration-color:#34373d;text-underline-offset:3px;">live arena</a>, check the <a href="https://haakkim.tech/#leaderboard" style="color:#f4f4f5;text-decoration-color:#34373d;text-underline-offset:3px;">leaderboard</a>, or browse the <a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v" style="color:#f4f4f5;text-decoration-color:#34373d;text-underline-offset:3px;">dataset</a>.</p>
28
  </header>
29
 
30
- <div style="position:relative;height:1px;background:#25272b;margin:56px 0;">
31
- <div style="position:absolute;left:50%;top:50%;width:6px;height:6px;background:#0e0f10;border:1px solid #34373d;border-radius:50%;transform:translate(-50%, -50%);"></div>
32
- </div>
33
 
34
  <section>
35
- <h2 style="font-size:22px;font-weight:600;color:#f4f4f5;letter-spacing:-0.01em;margin:0 0 22px;">How evaluation works</h2>
36
- <dl style="margin:0;border-top:1px solid #25272b;">
37
- <div style="display:grid;grid-template-columns:148px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #25272b;">
38
- <dt style="font-weight:600;color:#f5b840;font-size:15px;margin:0;">Ranked Arena</dt>
39
- <dd style="margin:0;color:#9aa0a8;font-size:15px;line-height:1.6;">Random model pairing, single-turn MSA, a matched system instruction. <strong style="color:#c8cbd0;font-weight:500;">The only mode that feeds the leaderboard.</strong></dd>
40
  </div>
41
- <div style="display:grid;grid-template-columns:148px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #25272b;">
42
- <dt style="font-weight:600;color:#f4f4f5;font-size:15px;margin:0;">Side-by-Side</dt>
43
- <dd style="margin:0;color:#9aa0a8;font-size:15px;line-height:1.6;">You choose both models yourself, in any dialect. Counted for win rate only, kept out of the ranking to avoid selection bias.</dd>
44
  </div>
45
- <div style="display:grid;grid-template-columns:148px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #25272b;">
46
- <dt style="font-weight:600;color:#f4f4f5;font-size:15px;margin:0;">10 Questions</dt>
47
- <dd style="margin:0;color:#9aa0a8;font-size:15px;line-height:1.6;">A fixed pool of Arabic prompts, any dialect, for consistent side-by-side comparison. Also win rate only.</dd>
48
  </div>
49
  </dl>
50
  </section>
51
 
52
- <div style="position:relative;height:1px;background:#25272b;margin:56px 0;">
53
- <div style="position:absolute;left:50%;top:50%;width:6px;height:6px;background:#0e0f10;border:1px solid #34373d;border-radius:50%;transform:translate(-50%, -50%);"></div>
54
- </div>
55
 
56
  <section>
57
- <h2 style="font-size:22px;font-weight:600;color:#f4f4f5;letter-spacing:-0.01em;margin:0 0 22px;">The Haakkim-1.0v dataset</h2>
58
- <table style="width:100%;border-collapse:collapse;font-size:15px;border-top:1px solid #25272b;">
59
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">Battles</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">1,273 total (1,130 voted, 143 skipped)</td></tr>
60
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">Ranked-eligible</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">831</td></tr>
61
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">Models ranked</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">67</td></tr>
62
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">Dialects</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">11</td></tr>
63
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">License</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">CC BY 4.0</td></tr>
64
- <tr><td style="padding:13px 0;border-bottom:1px solid #25272b;color:#6b7079;width:40%;">Format</td><td style="padding:13px 0;border-bottom:1px solid #25272b;font-family:'JetBrains Mono',monospace;color:#f4f4f5;text-align:right;">Parquet, PII-scrubbed</td></tr>
65
  </table>
66
- <p style="color:#9aa0a8;font-size:15px;margin:18px 0 0;">Full conversation transcripts, sampling weights, and category tags are included. <a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v" style="color:#f4f4f5;text-decoration-color:#34373d;text-underline-offset:3px;">View the dataset card on the Hub</a>.</p>
67
  </section>
68
 
69
- <div style="position:relative;height:1px;background:#25272b;margin:56px 0;">
70
- <div style="position:absolute;left:50%;top:50%;width:6px;height:6px;background:#0e0f10;border:1px solid #34373d;border-radius:50%;transform:translate(-50%, -50%);"></div>
71
- </div>
72
 
73
  <section>
74
- <h2 style="font-size:22px;font-weight:600;color:#f4f4f5;letter-spacing:-0.01em;margin:0 0 22px;">Citation</h2>
75
- <p style="font-size:16px;color:#9aa0a8;max-width:36em;margin:0 0 18px;">If you use Haakkim or this dataset in your research, please cite the IEEE Access paper.</p>
76
- <pre style="background:#141517;border:1px solid #25272b;border-radius:8px;padding:22px 24px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.7;color:#c8cbd0;white-space:pre;margin:0;"><span style="color:#9aa0a8;">@ARTICLE</span>{<span style="color:#f4f4f5;">11595788</span>,
77
- <span style="color:#9aa0a8;">author</span> = {Mars, Mourad and Barmandah, Hassan and Alassaf, Abdulrhman},
78
- <span style="color:#9aa0a8;">journal</span> = {IEEE Access},
79
- <span style="color:#9aa0a8;">title</span> = {Haakkim: An Arena-Style Platform for Human Preference Evaluation of LLMs in Arabic and Its Dialects},
80
- <span style="color:#9aa0a8;">year</span> = {2026},
81
- <span style="color:#9aa0a8;">volume</span> = {14},
82
- <span style="color:#9aa0a8;">pages</span> = {112112-112137},
83
- <span style="color:#9aa0a8;">keywords</span> = {Modeling; Ranking (statistics); Generative Pre-trained transformer; Large language models;
84
  Voting; Labeling; Estimation; Clamps; Probability; Computational linguistics;
85
  Arabic LLMs; human preference; dialects; evaluation; leaderboard},
86
- <span style="color:#9aa0a8;">doi</span> = {10.1109/ACCESS.2026.3710665}
87
  }</pre>
88
  </section>
89
 
90
- <footer style="padding:40px 0 64px;border-top:1px solid #25272b;margin-top:56px;font-size:14px;color:#83898f;">
91
- <p style="margin:6px 0;">
92
- <a href="https://haakkim.tech" style="color:#9aa0a8;margin-inline-end:18px;text-decoration-color:#34373d;text-underline-offset:3px;">haakkim.tech</a><a href="https://haakkim.tech/#leaderboard" style="color:#9aa0a8;margin-inline-end:18px;text-decoration-color:#34373d;text-underline-offset:3px;">Leaderboard</a><a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v" style="color:#9aa0a8;text-decoration-color:#34373d;text-underline-offset:3px;">Dataset</a>
93
  </p>
94
- <p style="margin:6px 0;">College of Computing, Umm Al-Qura University, Mecca, Saudi Arabia</p>
95
- <p style="margin:6px 0;">Released under CC BY 4.0. Model responses remain subject to the terms of their respective providers.</p>
96
  </footer>
97
 
98
  </div>
 
7
  <link rel="preconnect" href="https://fonts.googleapis.com">
8
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
10
+ <style>
11
+ :root {
12
+ --bg-0: #0e0f10;
13
+ --bg-1: #141517;
14
+ --line-1: #25272b;
15
+ --line-2: #34373d;
16
+ --fg-1: #f4f4f5;
17
+ --fg-2: #c8cbd0;
18
+ --fg-3: #9aa0a8;
19
+ --fg-4: #83898f;
20
+
21
+ --accent: #4ade80;
22
+ --accent-hover: #22c55e;
23
+ --accent-soft: rgba(74, 222, 128, 0.10);
24
+ --accent-glow: rgba(74, 222, 128, 0.45);
25
+
26
+ --gold: #f5b840;
27
+ --gold-line: rgba(245, 184, 64, 0.35);
28
+
29
+ --font-arabic: 'IBM Plex Sans Arabic', 'Tajawal', 'Segoe UI', sans-serif;
30
+ --font-body: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
31
+ --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
32
+
33
+ --content-w: 720px;
34
+ }
35
+
36
+ * { box-sizing: border-box; }
37
+
38
+ html, body {
39
+ margin: 0;
40
+ padding: 0;
41
+ background: var(--bg-0);
42
+ color: var(--fg-2);
43
+ }
44
+
45
+ body {
46
+ font-family: var(--font-body);
47
+ font-size: 16px;
48
+ line-height: 1.65;
49
+ -webkit-font-smoothing: antialiased;
50
+ }
51
+
52
+ a {
53
+ color: var(--fg-1);
54
+ text-decoration-color: var(--line-2);
55
+ text-underline-offset: 3px;
56
+ transition: color 0.15s ease, text-decoration-color 0.15s ease;
57
+ }
58
+ a:hover { color: var(--accent); text-decoration-color: var(--accent); }
59
+
60
+ .wrap {
61
+ max-width: var(--content-w);
62
+ margin: 0 auto;
63
+ padding: 0 24px;
64
+ }
65
+
66
+ /* ---- divider with pivot dot, echoing the logo's balance point ---- */
67
+ .pivot {
68
+ position: relative;
69
+ height: 1px;
70
+ background: var(--line-1);
71
+ margin: 56px 0;
72
+ }
73
+ .pivot::after {
74
+ content: '';
75
+ position: absolute;
76
+ left: 50%; top: 50%;
77
+ width: 6px; height: 6px;
78
+ background: var(--bg-0);
79
+ border: 1px solid var(--line-2);
80
+ border-radius: 50%;
81
+ transform: translate(-50%, -50%);
82
+ }
83
+
84
+ /* ---- hero ---- */
85
+ header.hero {
86
+ padding: 72px 0 8px;
87
+ }
88
+
89
+ .mark-row {
90
+ display: flex;
91
+ align-items: center;
92
+ gap: 10px;
93
+ margin-bottom: 44px;
94
+ }
95
+ .mark-row img {
96
+ width: 28px;
97
+ height: 28px;
98
+ border-radius: 7px;
99
+ display: block;
100
+ }
101
+ .mark-row span {
102
+ font-family: var(--font-mono);
103
+ font-size: 13px;
104
+ font-weight: 500;
105
+ letter-spacing: 0.08em;
106
+ color: var(--fg-3);
107
+ }
108
+
109
+ h1.headline {
110
+ direction: rtl;
111
+ font-family: var(--font-arabic);
112
+ font-weight: 700;
113
+ font-size: clamp(72px, 16vw, 140px);
114
+ line-height: 1;
115
+ margin: 0 0 6px;
116
+ color: var(--accent);
117
+ text-shadow: 0 0 28px var(--accent-glow), 0 0 70px rgba(74, 222, 128, 0.18);
118
+ }
119
+
120
+ p.romanization {
121
+ font-family: var(--font-mono);
122
+ font-size: 13px;
123
+ letter-spacing: 0.1em;
124
+ color: var(--fg-4);
125
+ margin: 0 0 32px;
126
+ }
127
+
128
+ p.lede {
129
+ font-size: 19px;
130
+ line-height: 1.6;
131
+ color: var(--fg-1);
132
+ max-width: 34em;
133
+ margin: 0 0 14px;
134
+ }
135
+
136
+ p.sub {
137
+ font-size: 16px;
138
+ color: var(--fg-3);
139
+ max-width: 36em;
140
+ margin: 0 0 4px;
141
+ }
142
+
143
+ p.links {
144
+ font-size: 16px;
145
+ color: var(--fg-3);
146
+ margin-top: 20px;
147
+ }
148
+
149
+ /* ---- section headings ---- */
150
+ h2 {
151
+ font-size: 22px;
152
+ font-weight: 600;
153
+ color: var(--fg-1);
154
+ letter-spacing: -0.01em;
155
+ margin: 0 0 22px;
156
+ }
157
+
158
+ section { padding: 0; }
159
+
160
+ /* ---- evaluation modes: definition rows ---- */
161
+ .modes { border-top: 1px solid var(--line-1); }
162
+ .mode-row {
163
+ display: grid;
164
+ grid-template-columns: 148px 1fr;
165
+ gap: 20px;
166
+ padding: 18px 0;
167
+ border-bottom: 1px solid var(--line-1);
168
+ }
169
+ .mode-row dt {
170
+ font-weight: 600;
171
+ color: var(--fg-1);
172
+ font-size: 15px;
173
+ }
174
+ .mode-row dt.ranked { color: var(--gold); }
175
+ .mode-row dd {
176
+ margin: 0;
177
+ color: var(--fg-3);
178
+ font-size: 15px;
179
+ line-height: 1.6;
180
+ }
181
+ .mode-row dd strong { color: var(--fg-2); font-weight: 500; }
182
+
183
+ /* ---- dataset ledger table ---- */
184
+ table.ledger {
185
+ width: 100%;
186
+ border-collapse: collapse;
187
+ font-size: 15px;
188
+ }
189
+ table.ledger tr { border-bottom: 1px solid var(--line-1); }
190
+ table.ledger tr:first-child { border-top: 1px solid var(--line-1); }
191
+ table.ledger td {
192
+ padding: 13px 0;
193
+ vertical-align: baseline;
194
+ }
195
+ table.ledger td:first-child {
196
+ color: var(--fg-4);
197
+ width: 40%;
198
+ }
199
+ table.ledger td:last-child {
200
+ font-family: var(--font-mono);
201
+ color: var(--fg-1);
202
+ text-align: right;
203
+ }
204
+ p.dataset-note {
205
+ color: var(--fg-3);
206
+ font-size: 15px;
207
+ margin: 18px 0 0;
208
+ }
209
+
210
+ /* ---- citation ---- */
211
+ pre.cite {
212
+ background: var(--bg-1);
213
+ border: 1px solid var(--line-1);
214
+ border-radius: 8px;
215
+ padding: 22px 24px;
216
+ overflow-x: auto;
217
+ font-family: var(--font-mono);
218
+ font-size: 12.5px;
219
+ line-height: 1.7;
220
+ color: var(--fg-2);
221
+ white-space: pre;
222
+ }
223
+ pre.cite .k { color: var(--fg-3); }
224
+ pre.cite .v { color: var(--fg-1); }
225
+
226
+ /* ---- footer ---- */
227
+ footer {
228
+ padding: 40px 0 64px;
229
+ border-top: 1px solid var(--line-1);
230
+ margin-top: 56px;
231
+ font-size: 14px;
232
+ color: var(--fg-4);
233
+ }
234
+ footer .foot-links a { color: var(--fg-3); margin-inline-end: 18px; }
235
+ footer p { margin: 6px 0; }
236
+
237
+ @media (max-width: 560px) {
238
+ header.hero { padding-top: 48px; }
239
+ .mode-row { grid-template-columns: 1fr; gap: 4px; }
240
+ table.ledger td:first-child { width: 55%; }
241
+ pre.cite { font-size: 11.5px; padding: 18px; }
242
+ }
243
+
244
+ @media (prefers-reduced-motion: no-preference) {
245
+ h1.headline { animation: glow-in 1.4s ease-out; }
246
+ }
247
+ @keyframes glow-in {
248
+ from { text-shadow: 0 0 0 rgba(74,222,128,0); opacity: 0; }
249
+ to { text-shadow: 0 0 28px var(--accent-glow), 0 0 70px rgba(74, 222, 128, 0.18); opacity: 1; }
250
+ }
251
+ </style>
252
  </head>
253
+ <body>
254
 
255
+ <div class="wrap">
256
 
257
+ <header class="hero">
258
+ <div class="mark-row">
259
+ <img src="https://huggingface.co/spaces/Haakkim/README/resolve/main/haakkim-logo-only.png" alt="" />
260
+ <span>HAAKKIM</span>
261
  </div>
262
 
263
+ <h1 class="headline">حَكِّم</h1>
264
+ <p class="romanization">ḥakkim: "to judge, to arbitrate"</p>
265
 
266
+ <p class="lede">An open arena for evaluating Arabic language models by human preference, across eleven dialects, ranked with a Bradley-Terry model.</p>
267
+ <p class="sub">People vote on pairs of model responses. Votes cast in Ranked Arena matches feed the public leaderboard.</p>
268
 
269
+ <p class="links">Try the <a href="https://haakkim.tech">live arena</a>, check the <a href="https://haakkim.tech/#leaderboard">leaderboard</a>, or browse the <a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v">dataset</a>.</p>
270
  </header>
271
 
272
+ <div class="pivot"></div>
 
 
273
 
274
  <section>
275
+ <h2>How evaluation works</h2>
276
+ <dl class="modes">
277
+ <div class="mode-row">
278
+ <dt class="ranked">Ranked Arena</dt>
279
+ <dd>Random model pairing, single-turn MSA, a matched system instruction. <strong>The only mode that feeds the leaderboard.</strong></dd>
280
  </div>
281
+ <div class="mode-row">
282
+ <dt>Side-by-Side</dt>
283
+ <dd>You choose both models yourself, in any dialect. Counted for win rate only, kept out of the ranking to avoid selection bias.</dd>
284
  </div>
285
+ <div class="mode-row">
286
+ <dt>10 Questions</dt>
287
+ <dd>A fixed pool of Arabic prompts, any dialect, for consistent side-by-side comparison. Also win rate only.</dd>
288
  </div>
289
  </dl>
290
  </section>
291
 
292
+ <div class="pivot"></div>
 
 
293
 
294
  <section>
295
+ <h2>The Haakkim-1.0v dataset</h2>
296
+ <table class="ledger">
297
+ <tr><td>Battles</td><td>1,273 total (1,130 voted, 143 skipped)</td></tr>
298
+ <tr><td>Ranked-eligible</td><td>831</td></tr>
299
+ <tr><td>Models ranked</td><td>67</td></tr>
300
+ <tr><td>Dialects</td><td>11</td></tr>
301
+ <tr><td>License</td><td>CC BY 4.0</td></tr>
302
+ <tr><td>Format</td><td>Parquet, PII-scrubbed</td></tr>
303
  </table>
304
+ <p class="dataset-note">Full conversation transcripts, sampling weights, and category tags are included. <a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v">View the dataset card on the Hub</a>.</p>
305
  </section>
306
 
307
+ <div class="pivot"></div>
 
 
308
 
309
  <section>
310
+ <h2>Citation</h2>
311
+ <p class="sub" style="margin-bottom: 18px;">If you use Haakkim or this dataset in your research, please cite the IEEE Access paper.</p>
312
+ <pre class="cite"><span class="k">@ARTICLE</span>{<span class="v">11595788</span>,
313
+ <span class="k">author</span> = {Mars, Mourad and Barmandah, Hassan and Alassaf, Abdulrhman},
314
+ <span class="k">journal</span> = {IEEE Access},
315
+ <span class="k">title</span> = {Haakkim: An Arena-Style Platform for Human Preference Evaluation of LLMs in Arabic and Its Dialects},
316
+ <span class="k">year</span> = {2026},
317
+ <span class="k">volume</span> = {14},
318
+ <span class="k">pages</span> = {112112-112137},
319
+ <span class="k">keywords</span> = {Modeling; Ranking (statistics); Generative Pre-trained transformer; Large language models;
320
  Voting; Labeling; Estimation; Clamps; Probability; Computational linguistics;
321
  Arabic LLMs; human preference; dialects; evaluation; leaderboard},
322
+ <span class="k">doi</span> = {10.1109/ACCESS.2026.3710665}
323
  }</pre>
324
  </section>
325
 
326
+ <footer>
327
+ <p class="foot-links">
328
+ <a href="https://haakkim.tech">haakkim.tech</a><a href="https://haakkim.tech/#leaderboard">Leaderboard</a><a href="https://huggingface.co/datasets/Haakkim/Haakkim-1.0v">Dataset</a>
329
  </p>
330
+ <p>College of Computing, Umm Al-Qura University, Mecca, Saudi Arabia</p>
331
+ <p>Released under CC BY 4.0. Model responses remain subject to the terms of their respective providers.</p>
332
  </footer>
333
 
334
  </div>