refactor: rewrite UI with clean layout, fetch API, and proper card structure

2026-03-29 09:41:34 -04:00
parent 73af434851
commit 10d7cb9b02
3 changed files with 334 additions and 556 deletions
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -6,9 +6,23 @@
    <link rel="stylesheet" type="text/css" href="/static/styles.css">
 </head>
 <body>
-    <div id="live-games-section"></div>
-    <div id="pre-games-section"></div>
-    <div id="final-games-section"></div>
+    <header>
+        <span class="header-title">NHL Scoreboard</span>
+    </header>
+    <main>
+        <section id="live-section" class="section hidden">
+            <h2 class="section-heading">Live</h2>
+            <div id="live-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>
+        </section>
+        <section id="final-section" class="section hidden">
+            <h2 class="section-heading">Final</h2>
+            <div id="final-games-section" class="games-grid"></div>
+        </section>
+    </main>
    <script src="/static/script.js"></script>
 </body>
 </html>