From f65274333390c1d078bcf6b100dff5acd312f5eb Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sun, 29 Mar 2026 19:50:47 -0400
Subject: [PATCH] feat: add intermission section separate from live games

Games in intermission now appear in their own section between Live and
Scheduled. The section is hidden when no games are in intermission,
matching the behavior of the other section headings.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/script.js     | 7 ++++---
 app/templates/index.html | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/static/script.js b/app/static/script.js
index 2204992..90b66e9 100644
--- a/app/static/script.js
+++ b/app/static/script.js
@@ -10,9 +10,10 @@ async function fetchScoreboardData() {
 
 function updateScoreboard(data) {
     const sections = [
-        { sectionId: 'live-section',  gridId: 'live-games-section',  games: data.live_games,  render: renderLiveGame  },
-        { sectionId: 'pre-section',   gridId: 'pre-games-section',   games: data.pre_games,   render: renderPreGame   },
-        { sectionId: 'final-section', gridId: 'final-games-section', games: data.final_games, render: renderFinalGame },
+        { sectionId: 'live-section',         gridId: 'live-games-section',         games: data.live_games,         render: renderLiveGame  },
+        { sectionId: 'intermission-section', gridId: 'intermission-games-section', games: data.intermission_games, render: renderLiveGame  },
+        { sectionId: 'pre-section',          gridId: 'pre-games-section',          games: data.pre_games,          render: renderPreGame   },
+        { sectionId: 'final-section',        gridId: 'final-games-section',        games: data.final_games,        render: renderFinalGame },
     ];
 
     for (const { sectionId, gridId, games, render } of sections) {
diff --git a/app/templates/index.html b/app/templates/index.html
index 9d31530..4a66b9a 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -21,6 +21,10 @@
             <h2 class="section-heading">Live</h2>
             <div id="live-games-section" class="games-grid"></div>
         </section>
+        <section id="intermission-section" class="section hidden">
+            <h2 class="section-heading">Intermission</h2>
+            <div id="intermission-games-section" class="games-grid"></div>
+        </section>
         <section id="pre-section" class="section hidden">
             <h2 class="section-heading">Scheduled</h2>
             <div id="pre-games-section" class="games-grid"></div>