Add arena pages

Author: john-b-yang

pages/arenas/battlesnake.md

@@ -0,0 +1,5 @@
+title: Battlesnake
+image: /static/images/arenas/battlesnake.png
+description: Hi
+
+---

pages/arenas/corewar.md

@@ -0,0 +1,5 @@
+title: Core War
+image: /static/images/arenas/corewar.png
+description: Hi
+
+---

pages/arenas/halite.md

@@ -0,0 +1,5 @@
+title: Halite
+image: /static/images/arenas/halite.png
+description: Hi
+
+---

pages/arenas/poker.md

@@ -0,0 +1,5 @@
+title: Poker
+image: /static/images/arenas/poker.png
+description: Hi
+
+---

pages/arenas/robocode.md

@@ -0,0 +1,5 @@
+title: RoboCode
+image: /static/images/arenas/robocode.png
+description: Hi
+
+---

pages/arenas/robotrumble.md

@@ -0,0 +1,5 @@
+title: RobotRumble
+image: /static/images/arenas/robotrumble.png
+description: Hi
+
+---

pages/20251104_release.md pages/insights/20251104_release.mdpages/20251104_release.md renamed to pages/insights/20251104_release.md

@@ -1,6 +1,6 @@
 title: Introducing CodeClash
 date: 2025-11-04
-description: Evaluating AI Systems as Competitive Software Developers
+description: Benchmarking Goal Oriented Software Engineering
 authors: John Yang, Kilian Lieret
 time: TUESDAY, NOVEMBER 4, 2025
 

pages/20251106_elo.md pages/insights/20251106_elo.mdpages/20251106_elo.md renamed to pages/insights/20251106_elo.md

@@ -27,6 +27,8 @@
 freezer = Freezer(app)
 markdown_manager = Markdown(app, extensions=['fenced_code'], output_format='html5',)
 
+pages_insights = [page for page in list(pages) if page.path.startswith('insights/')]
+pages_arenas = [page for page in list(pages) if page.path.startswith('arenas/')]
 
 # Routes
 @app.route('/')
@@ -44,7 +46,11 @@ def team():
 
 @app.route('/insights')
 def insights():
-    return render_template('insights.html', pages=pages)
+    return render_template('insights.html', pages=pages_insights)
+
+@app.route('/arenas')
+def arenas():
+    return render_template('arenas.html', pages=pages_arenas)
 
 @app.errorhandler(404)
 def page_not_found(path):

server.py

@@ -73,3 +73,47 @@ body {
     text-align: right;
     width: 8rem;
 }
+
+/* Arenas grid - layout only */
+.arenas-container {
+    padding: 1rem;
+}
+
+.arenas-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+}
+
+.arena-card {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.arena-card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.arena-card img {
+    height: 50px;     /* fixed height */
+    width: auto;       /* keep original aspect ratio */
+    max-width: 100%;   /* never exceed container width */
+    display: block;
+    margin: 1em auto;
+    object-fit: contain;
+}
+
+@media (max-width: 900px) {
+    .arenas-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (max-width: 540px) {
+    .arenas-grid { grid-template-columns: 1fr; }
+}