Add logos

Author: john-b-yang

data/leaderboards.json

@@ -1,5 +1,5 @@
 {
-  "Halite": [
+  "halite": [
     {
       "rank": 1,
       "model": "o3",
@@ -41,7 +41,7 @@
       "elo": 783.6
     }
   ],
-  "HuskyBench": [
+  "poker": [
     {
       "rank": 1,
       "model": "GPT-5",
@@ -83,7 +83,7 @@
       "elo": 898.3
     }
   ],
-  "CoreWar": [
+  "corewar": [
     {
       "rank": 1,
       "model": "Claude Sonnet 4.5",
@@ -125,7 +125,7 @@
       "elo": 926.9
     }
   ],
-  "RobotRumble": [
+  "robotrumble": [
     {
       "rank": 1,
       "model": "Claude Sonnet 4.5",
@@ -167,7 +167,7 @@
       "elo": 1016.9
     }
   ],
-  "RoboCode": [
+  "robocode": [
     {
       "rank": 1,
       "model": "GPT-5",
@@ -209,7 +209,7 @@
       "elo": 890.8
     }
   ],
-  "BattleSnake": [
+  "battlesnake": [
     {
       "rank": 1,
       "model": "Claude Sonnet 4.5",

pages/arenas/robotrumble.md

@@ -4,8 +4,7 @@ description: Program swarms to overwhelm opponents
 players: 2
 language: JavaScript, Python
 
----
-
-<div style="text-align:center;">
-    <img src="/static/images/arenas/robotrumble_gif.gif" style="width:50%;"/>
+<div style="display:flex;flex-direction:column;align-items:center;text-align:center;">
+    <img src="/static/images/arenas/robotrumble_gif.gif" style="width:50%; display:block;" alt="RobotRumble preview"/>
+    <p style="font-size:0.9em; margin-top:0.5em;width:50%;">Write logic that controls a swarm of robots to carry out coordinated attacks against an opposing swarm.</p>
 </div>

server.py

@@ -26,12 +26,13 @@
 
 pages_insights = [p for p in pages if p.path.startswith('insights/')]
 pages_arenas = [p for p in pages if p.path.startswith('arenas/')]
+with open("data/leaderboards.json") as f:
+    leaderboards = json.load(f)
 
 # Routes
 @app.route('/')
 def index():
-    with open('data/leaderboards.json') as leaderboards:
-        return render_template('index.html', leaderboards=json.load(leaderboards))
+   return render_template('index.html', leaderboard=leaderboards["ALL"])
 
 @app.route('/<path:path>/')
 def page(path):
@@ -59,7 +60,11 @@ def arenas():
 
 @app.route('/arenas/<path:path>/')
 def arena(path):
-    return render_template('arena.html', page=pages.get_or_404('arenas/' + path))
+    return render_template(
+        'arena.html',
+        page=pages.get_or_404('arenas/' + path),
+        leaderboard=leaderboards.get(path, []),
+    )
 
 @app.errorhandler(404)
 def page_not_found(path):

static/images/orgs/anthropic.svg

@@ -7,10 +7,27 @@
         </tr>
     </thead>
     <tbody>
-        {% for entry in leaderboards.ALL %}
+        {% for entry in leaderboard %}
         <tr>
             <td>{{ entry.rank }}</td>
-            <td>{{ entry.model }}</td>
+            <td>
+                {% set logos = {
+                    'GPT-5': '/static/images/orgs/openai.svg',
+                    'GPT-5 Mini': '/static/images/orgs/openai.svg',
+                    'o3': '/static/images/orgs/openai.svg',
+                    'Claude Sonnet 4.5': '/static/images/orgs/anthropic.svg',
+                    'Claude Sonnet 4': '/static/images/orgs/anthropic.svg',
+                    'Gemini 2.5 Pro': '/static/images/orgs/google.svg',
+                    'Grok Code Fast': '/static/images/orgs/xai.svg',
+                    'Qwen3 Coder': '/static/images/orgs/qwen.png',
+                } %}
+                <img
+                    src="{{ logos.get(entry.model, '/static/images/orgs/default.svg') }}"
+                    alt="{{ entry.model }} logo"
+                    style="height:1em; vertical-align:middle; margin-right:0.4em; display:inline-block; transform:translateY(-0.12em);"
+                 />
+                {{ entry.model }}
+            </td>
             <td>{{ entry.elo }}</td>
         </tr>
         {% endfor %}

static/images/orgs/google.svg

@@ -3,12 +3,15 @@
 {% block content %}
 <br>
 <div style="text-align:center;">
-  <h2>{{ page.title }}</h2>
-  {{ page.description }}
+  <h2 style="margin: 0 auto;">{{ page.title }}</h2>
 </div>
 <br>
 
-<div class="blog">
+<div style="width:75%; margin: 0 auto;">
+{% include "_leaderboard.html" %}
+</div>
+
+<div>
   {{page.html|safe}}
 </div>
 {% endblock content %}