Skip to content

Commit aa6c0d9

Browse files
S1M0N38S1M0N38
committed
feat: add SEO optimization to the pages
1 parent 1c6769d commit aa6c0d9

3 files changed

Lines changed: 75 additions & 29 deletions

File tree

‎about.html‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,20 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>About - BalatroBench</title>
8+
<meta name="description" content="About BalatroBench: benchmark LLM strategic performance in Balatro with tool-call reliability, cost, and speed.">
9+
<link rel="canonical" href="https://coder.github.io/balatrobench/about.html">
10+
<meta property="og:type" content="website">
11+
<meta property="og:title" content="About - BalatroBench">
12+
<meta property="og:description" content="Benchmark LLM strategic performance in Balatro with tool-call reliability, cost, and speed.">
13+
<meta property="og:url" content="https://coder.github.io/balatrobench/about.html">
14+
<meta property="og:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
15+
<meta name="twitter:card" content="summary_large_image">
16+
<meta name="twitter:title" content="About - BalatroBench">
17+
<meta name="twitter:description" content="Benchmark LLM strategic performance in Balatro with tool-call reliability, cost, and speed.">
18+
<meta name="twitter:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
19+
<link rel="preconnect" href="https://balatrobench.b-cdn.net" crossorigin>
20+
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
21+
<link rel="preconnect" href="https://cdn.tailwindcss.com" crossorigin>
822
<script src="https://cdn.tailwindcss.com"></script>
923
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
1024
<script src="config.js"></script>
@@ -35,7 +49,7 @@
3549
class="bg-white dark:bg-zinc-800 rounded-lg shadow-lg dark:shadow-2xl dark:ring-1 dark:ring-white/5 p-8 mb-8">
3650
<h2 class="text-2xl font-bold text-zinc-800 dark:text-zinc-100 mb-4">What is BalatroBench?</h2>
3751
<p class="text-zinc-600 dark:text-zinc-300 mb-4 leading-relaxed">
38-
BalatroBench benchmarks Large Language Models playing <a href="https://www.playbalatro.com/"
52+
BalatroBench benchmarks Large Language Models playing <a href="https://www.playbalatro.com/" rel="noopener"
3953
class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">Balatro</a>, a
4054
strategic card game that combines poker hands with
4155
roguelike progression. We track how different AI models perform across key metrics like rounds reached,
@@ -293,7 +307,7 @@ <h3 class="text-lg font-semibold text-zinc-700 dark:text-zinc-200 mb-2">
293307
<div class="container mx-auto px-4">
294308
<div class="flex items-center justify-center space-x-2 text-zinc-400 dark:text-zinc-500">
295309
<span class="text-sm">Brought to you by</span>
296-
<a href="https://coder.com/" target="_blank" class="inline-block transition-colors hover:opacity-75">
310+
<a href="https://coder.com/" target="_blank" rel="noopener" class="inline-block transition-colors hover:opacity-75">
297311
<?xml version="1.0" encoding="UTF-8"?>
298312
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1320.81 200"
299313
viewBox="0 0 1200 200" class="h-3 fill-zinc-400 dark:fill-zinc-500">

‎community.html‎

Lines changed: 30 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,20 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>BalatroBench Community</title>
8+
<meta name="description" content="Community strategies leaderboard for BalatroBench: compare strategies with rounds, tool-call reliability, cost, and speed.">
9+
<link rel="canonical" href="https://coder.github.io/balatrobench/community.html">
10+
<meta property="og:type" content="website">
11+
<meta property="og:title" content="BalatroBench Community">
12+
<meta property="og:description" content="Community strategies leaderboard for BalatroBench.">
13+
<meta property="og:url" content="https://coder.github.io/balatrobench/community.html">
14+
<meta property="og:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
15+
<meta name="twitter:card" content="summary_large_image">
16+
<meta name="twitter:title" content="BalatroBench Community">
17+
<meta name="twitter:description" content="Community strategies leaderboard for BalatroBench.">
18+
<meta name="twitter:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
19+
<link rel="preconnect" href="https://balatrobench.b-cdn.net" crossorigin>
20+
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
21+
<link rel="preconnect" href="https://cdn.tailwindcss.com" crossorigin>
822
<script src="https://cdn.tailwindcss.com"></script>
923
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
1024
<script src="config.js"></script>
@@ -14,6 +28,7 @@
1428
</head>
1529

1630
<body class="bg-zinc-50 dark:bg-zinc-800 min-h-screen pb-8">
31+
<a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-white dark:bg-zinc-700 text-zinc-800 dark:text-zinc-100 px-3 py-2 rounded">Skip to main content</a>
1732
<nav
1833
class="w-full bg-white dark:bg-zinc-800 border-b border-zinc-200 dark:border-zinc-600 shadow-sm dark:shadow-md dark:ring-1 dark:ring-white/5 mb-8">
1934
<div class="container mx-auto px-2 xl:px-4">
@@ -27,27 +42,28 @@
2742
</div>
2843
</div>
2944
</nav>
30-
<div class="container mx-auto px-4">
45+
<div id="main" class="container mx-auto px-4" role="main">
3146
<div
3247
class="overflow-x-auto bg-white dark:bg-zinc-800 rounded-lg shadow-lg dark:shadow-2xl dark:ring-1 dark:ring-white/5">
3348
<table id="leaderboard" class="w-full table-auto">
49+
<caption class="sr-only">Community strategies leaderboard with rounds, tool-call reliability, tokens, time, and cost</caption>
3450
<thead class="bg-zinc-100 dark:bg-zinc-700">
3551
<tr class="border-b border-zinc-200 dark:border-zinc-600">
3652
<!-- Rank Section -->
37-
<th
53+
<th scope="col"
3854
class="px-4 py-3 text-left text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-r-2 border-zinc-300 dark:border-zinc-600">
3955
#</th>
4056
<!-- Strategy Section -->
41-
<th
57+
<th scope="col"
4258
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell">
4359
Author</th>
44-
<th class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300">Strategy</th>
60+
<th scope="col" class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300">Strategy</th>
4561
<!-- Stats Section -->
46-
<th
62+
<th scope="col" aria-label="Average final round"
4763
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-l-2 border-zinc-300 dark:border-zinc-600">
4864
Round</th>
4965
<!-- Tool Calls Section -->
50-
<th
66+
<th scope="col" aria-label="Valid tool calls executable in state"
5167
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
5268
<div class="flex items-center justify-center space-x-1">
5369
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -65,7 +81,7 @@
6581
</svg>
6682
</div>
6783
</th>
68-
<th
84+
<th scope="col" aria-label="Valid tool calls not executable in state"
6985
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
7086
<div class="flex items-center justify-center space-x-1">
7187
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -83,7 +99,7 @@
8399
</svg>
84100
</div>
85101
</th>
86-
<th
102+
<th scope="col" aria-label="Responses without valid tool calls"
87103
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
88104
<div class="flex items-center justify-center space-x-1">
89105
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -102,7 +118,7 @@
102118
</div>
103119
</th>
104120
<!-- Tokens Section -->
105-
<th
121+
<th scope="col" aria-label="Average input tokens"
106122
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
107123
<div class="flex items-center justify-center space-x-1">
108124
<span>In</span>
@@ -123,7 +139,7 @@
123139
</svg>
124140
</div>
125141
</th>
126-
<th
142+
<th scope="col" aria-label="Average output tokens"
127143
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell">
128144
<div class="flex items-center justify-center space-x-1">
129145
<span>Out</span>
@@ -145,7 +161,7 @@
145161
</div>
146162
</th>
147163
<!-- Performance Section -->
148-
<th
164+
<th scope="col" aria-label="Average time per tool call"
149165
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
150166
<div class="flex items-center justify-center space-x-1">
151167
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -164,7 +180,7 @@
164180
<span class="text-xs">[s]</span>
165181
</div>
166182
</th>
167-
<th
183+
<th scope="col" aria-label="Average cost per tool call"
168184
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell">
169185
<div class="flex items-center justify-center space-x-1">
170186
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -193,7 +209,7 @@
193209
</div>
194210

195211
<div class="flex justify-center mt-8">
196-
<a href="https://github.com/S1M0N38/balatrollm/blob/main/CONTRIBUTING.md#contributing-strategies" target="_blank"
212+
<a href="https://github.com/S1M0N38/balatrollm/blob/main/CONTRIBUTING.md#contributing-strategies" target="_blank" rel="noopener"
197213
class="px-6 py-3 bg-zinc-300 hover:bg-zinc-400 text-zinc-900 dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:text-white font-semibold text-sm rounded-lg shadow-md hover:shadow-lg dark:shadow-xl ring-1 ring-zinc-300 dark:ring-white/10 transition-colors inline-flex items-center space-x-2">
198214
<span>Contribute Your Strategy</span>
199215
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -216,7 +232,7 @@
216232
<div class="container mx-auto px-4">
217233
<div class="flex items-center justify-center space-x-2 text-zinc-400 dark:text-zinc-500">
218234
<span class="text-sm">Brought to you by</span>
219-
<a href="https://coder.com/" target="_blank" class="inline-block transition-colors hover:opacity-75">
235+
<a href="https://coder.com/" target="_blank" rel="noopener" class="inline-block transition-colors hover:opacity-75">
220236
<?xml version="1.0" encoding="UTF-8"?>
221237
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1320.81 200"
222238
viewBox="0 0 1200 200" class="h-3 fill-zinc-400 dark:fill-zinc-500">

‎index.html‎

Lines changed: 29 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,20 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>BalatroBench</title>
8+
<meta name="description" content="Leaderboard benchmarking LLMs playing Balatro: rounds, tool-call reliability, cost, and speed.">
9+
<link rel="canonical" href="https://coder.github.io/balatrobench/">
10+
<meta property="og:type" content="website">
11+
<meta property="og:title" content="BalatroBench">
12+
<meta property="og:description" content="Leaderboard benchmarking LLMs playing Balatro: rounds, tool-call reliability, cost, and speed.">
13+
<meta property="og:url" content="https://coder.github.io/balatrobench/">
14+
<meta property="og:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
15+
<meta name="twitter:card" content="summary_large_image">
16+
<meta name="twitter:title" content="BalatroBench">
17+
<meta name="twitter:description" content="Leaderboard benchmarking LLMs playing Balatro: rounds, tool-call reliability, cost, and speed.">
18+
<meta name="twitter:image" content="https://github.com/user-attachments/assets/33a52df0-a7f8-4784-a640-0212267ed199">
19+
<link rel="preconnect" href="https://balatrobench.b-cdn.net" crossorigin>
20+
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
21+
<link rel="preconnect" href="https://cdn.tailwindcss.com" crossorigin>
822
<script src="https://cdn.tailwindcss.com"></script>
923
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
1024
<script src="config.js"></script>
@@ -14,6 +28,7 @@
1428
</head>
1529

1630
<body class="bg-zinc-50 dark:bg-zinc-800 min-h-screen pb-8">
31+
<a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-white dark:bg-zinc-700 text-zinc-800 dark:text-zinc-100 px-3 py-2 rounded">Skip to main content</a>
1732
<nav
1833
class="w-full bg-white dark:bg-zinc-800 border-b border-zinc-200 dark:border-zinc-600 shadow-sm dark:shadow-md dark:ring-1 dark:ring-white/5 mb-8">
1934
<div class="container mx-auto px-2 xl:px-4">
@@ -27,7 +42,7 @@
2742
</div>
2843
</div>
2944
</nav>
30-
<div class="container mx-auto px-4">
45+
<div id="main" class="container mx-auto px-4" role="main">
3146
<!-- Performance Bar Chart -->
3247
<div
3348
class="bg-white dark:bg-zinc-800 rounded-lg shadow-lg dark:shadow-2xl dark:ring-1 dark:ring-white/5 mb-8 p-6 hidden lg:block">
@@ -40,23 +55,24 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
4055
<div
4156
class="overflow-x-auto bg-white dark:bg-zinc-800 rounded-lg shadow-lg dark:shadow-2xl dark:ring-1 dark:ring-white/5">
4257
<table id="leaderboard" class="w-full table-auto">
58+
<caption class="sr-only">Model leaderboard with rounds, tool-call reliability, tokens, time, and cost</caption>
4359
<thead class="bg-zinc-100 dark:bg-zinc-700">
4460
<tr class="border-b border-zinc-200 dark:border-zinc-600">
4561
<!-- Rank Section -->
46-
<th
62+
<th scope="col"
4763
class="px-4 py-3 text-left text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-r-2 border-zinc-300 dark:border-zinc-600">
4864
#</th>
4965
<!-- Model Section -->
50-
<th class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300">Model</th>
51-
<th
66+
<th scope="col" class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300">Model</th>
67+
<th scope="col"
5268
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden xl:table-cell">
5369
Vendor</th>
5470
<!-- Stats Section -->
55-
<th
71+
<th scope="col" aria-label="Average final round"
5672
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-l-2 border-zinc-300 dark:border-zinc-600">
5773
Round</th>
5874
<!-- Tool Calls Section -->
59-
<th
75+
<th scope="col" aria-label="Valid tool calls executable in state"
6076
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
6177
<div class="flex items-center justify-center space-x-1">
6278
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -74,7 +90,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
7490
</svg>
7591
</div>
7692
</th>
77-
<th
93+
<th scope="col" aria-label="Valid tool calls not executable in state"
7894
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
7995
<div class="flex items-center justify-center space-x-1">
8096
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -92,7 +108,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
92108
</svg>
93109
</div>
94110
</th>
95-
<th
111+
<th scope="col" aria-label="Responses without valid tool calls"
96112
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
97113
<div class="flex items-center justify-center space-x-1">
98114
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
@@ -111,7 +127,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
111127
</div>
112128
</th>
113129
<!-- Tokens Section -->
114-
<th
130+
<th scope="col" aria-label="Average input tokens"
115131
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
116132
<div class="flex items-center justify-center space-x-1">
117133
<span>In</span>
@@ -132,7 +148,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
132148
</svg>
133149
</div>
134150
</th>
135-
<th
151+
<th scope="col" aria-label="Average output tokens"
136152
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell">
137153
<div class="flex items-center justify-center space-x-1">
138154
<span>Out</span>
@@ -154,7 +170,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
154170
</div>
155171
</th>
156172
<!-- Performance Section -->
157-
<th
173+
<th scope="col" aria-label="Average time per tool call"
158174
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
159175
<div class="flex items-center justify-center space-x-1">
160176
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -173,7 +189,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
173189
<span class="text-xs">[s]</span>
174190
</div>
175191
</th>
176-
<th
192+
<th scope="col" aria-label="Average cost per tool call"
177193
class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell">
178194
<div class="flex items-center justify-center space-x-1">
179195
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -213,7 +229,7 @@ <h2 class="text-3xl font-semibold text-zinc-800 dark:text-zinc-100 mb-4 text-cen
213229
<div class="container mx-auto px-4">
214230
<div class="flex items-center justify-center space-x-2 text-zinc-400 dark:text-zinc-500">
215231
<span class="text-sm">Brought to you by</span>
216-
<a href="https://coder.com/" target="_blank" class="inline-block transition-colors hover:opacity-75">
232+
<a href="https://coder.com/" target="_blank" rel="noopener" class="inline-block transition-colors hover:opacity-75">
217233
<?xml version="1.0" encoding="UTF-8"?>
218234
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1320.81 200"
219235
viewBox="0 0 1200 200" class="h-3 fill-zinc-400 dark:fill-zinc-500">

0 commit comments

Comments
 (0)
⚡