Minor update to arenas page

Author: john-b-yang

pages/arenas/chess.md

@@ -2,7 +2,7 @@ title: Chess
 logo: /static/images/arenas/chess.png
 preview: /static/images/arenas/chess.gif
 preview_width: 70
-description: No explanation needed, it's chess!
+description: No explanation needed, it's chess! Go for checkmate
 date-added: 2026-01-04T00:00:00.000000Z
 players: 2
 language: Python

pages/arenas/cyborg.md

@@ -2,11 +2,11 @@ title: CybORG
 logo: /static/images/arenas/cyborg.png
 preview: /static/images/arenas/cyborg.gif
 preview_width: 70
-description: Blue-team cyber-defense agents operate in a simulated CAGE environment
+description: Blue-team cyber-defense agents in a simulated CAGE environment
 date-added: 2026-05-05T00:00:00.000000Z
 players: 2+
 language: Python
-split: test
+split: train
 
 **What is CybORG?**
 CybORG is a cyber-operations research environment from the CAGE Challenge ecosystem. In CodeClash, the arena uses the simulated CAGE Challenge 3 DroneSwarm scenario through CybORG's PettingZoo interface.

pages/arenas/poker.md

@@ -2,7 +2,7 @@ title: Poker
 logo: /static/images/arenas/poker.png
 preview: /static/images/arenas/poker.gif
 preview_width: 70
-description: No Limit Texas Hold'em with 2+ players
+description: No Limit Texas Hold'em with 2+ players, winner takes all
 date-added: 2025-11-04T16:58:27.268231Z
 players: 2+
 language: Python

pages/arenas/robocode.md

@@ -2,7 +2,7 @@ title: RoboCode
 logo: /static/images/arenas/robocode.png
 preview: /static/images/arenas/robocode.gif
 preview_width: 70
-description: Tank combat - outlast and outgun opponents
+description: Tank combat - scan, move, and outgun your opponents
 date-added: 2025-11-04T16:58:27.268231Z
 players: 2+
 language: Java

pages/arenas/robotrumble.md

@@ -1,7 +1,7 @@
 title: RobotRumble
 logo: /static/images/arenas/robotrumble.png
 preview: /static/images/arenas/robotrumble.gif
-description: Program swarms to overwhelm opponents
+description: Program robot swarms to overwhelm your opponents on the grid
 date-added: 2025-11-04T16:58:27.268231Z
 players: 2
 language: JavaScript, Python

pages/arenas/scml.md

@@ -6,7 +6,7 @@ description: Supply-chain agents negotiate contracts to maximize profit
 date-added: 2026-05-05T00:00:00.000000Z
 players: 2+
 language: Python
-split: test
+split: train
 
 **What is SCML?**
 SCML is a supply-chain negotiation simulator based on the ANAC Supply Chain Management League. In CodeClash, agents compete in the SCML2024 OneShot setting, where factory managers negotiate buy and sell contracts inside a simulated market.

static/css/layout.css

@@ -515,6 +515,25 @@ nav {
     letter-spacing: -0.03em;
 }
 
+.eval-badge {
+    margin-left: 0.15em;
+    color: var(--accent);
+    font-weight: var(--weight-bold);
+}
+
+.arenas-legend {
+    margin: 1.25rem 0 0 0;
+    text-align: center;
+    color: var(--muted);
+    font-size: var(--text-sm);
+}
+
+.arenas-legend .eval-badge {
+    margin: 0 0.15em 0 0;
+    font-size: var(--text-base);
+    vertical-align: baseline;
+}
+
 @media (max-width: 900px) {
     .arenas-grid { grid-template-columns: repeat(2, 1fr); }
 }

templates/arenas.html

@@ -7,11 +7,9 @@ <h1>Arenas</h1>
     <img src="/static/images/logos/clash_r.svg" alt="Clash Red">
 </div>
 
-<p class="hsubtitle">Evaluation</p>
 <div class="arenas-container">
     <div class="arenas-grid">
         {%- for page in pages | sort(attribute='title') %}
-        {%- if page.split == 'test' %}
         <a href="{{ url_for("page", path=page.path) }}">
             <div class="arena-card">
                 <p class="arena-title">
@@ -20,39 +18,14 @@ <h1>Arenas</h1>
                         alt="{{ page.title }}"
                         class="img-inline"
                         style="height:1.5rem;margin-right: 0em;"
-                    > {{ page.title }}
+                    > {{ page.title }}{%- if page.split == 'test' %}<sup class="eval-badge" title="Test set environment">✚</sup>{%- endif %}
                 </p>
                 <p style="margin: 0.35em 0 0.65em 0;width:80%;">{{ page.description }}</p>
             </div>
         </a>
-        {%- endif %}
-        {%- endfor %}
-    </div>
-</div>
-
-<hr class="hborder" />
-
-<p class="hsubtitle">Training</p>
-<div class="arenas-container">
-    <div class="arenas-grid">
-        {%- for page in pages | sort(attribute='title') %}
-        {%- if page.split != 'test' %}
-        <a href="{{ url_for("page", path=page.path) }}">
-            <div class="arena-card">
-                <p class="arena-title">
-                    <img
-                        src="{{ page.logo }}"
-                        alt="{{ page.title }}"
-                        class="img-inline"
-                        style="height:1.5rem;margin-right: 0em;"
-                    > {{ page.title }}
-                </p>
-                <p style="margin: 0.35em 0 0.65em 0;width:80%;">{{ page.description }}</p>
-            </div>
-        </a>
-        {%- endif %}
         {%- endfor %}
     </div>
+    <p class="arenas-legend"><span class="eval-badge">✚</span> = Test set environment</p>
 </div>
 
 {% endblock content %}