From 686d7ca00ce7f08bf399a0e8a6346ea250bb84de Mon Sep 17 00:00:00 2001
From: Samuel Enocsson <samuel.enocsson@consid.se>
Date: Thu, 21 May 2026 15:03:02 +0200
Subject: [PATCH] fix: use template-literal interpolation for KPI strip inside
 body string (#5)

The page body is assembled as a JS template literal inside <% ... %>;
EJS tags inside that string break the EJS parser (it sees the first %>
as the close of the outer tag). Switch to ${kpis.x} interpolation since
we're already inside a backtick string.
---
 views/pages/index.ejs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index d4c8be0..1c4898b 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -22,15 +22,15 @@
           <article class="kpi-tile">
             <span class="kpi-rail"></span>
             <div class="kpi-body">
-              <div class="kpi-value"><%= kpis.tracked %></div>
+              <div class="kpi-value">${kpis.tracked}</div>
               <div class="kpi-label">Tracked</div>
-              <div class="kpi-sub"><%= kpis.active %> active</div>
+              <div class="kpi-sub">${kpis.active} active</div>
             </div>
           </article>
           <article class="kpi-tile">
             <span class="kpi-rail"></span>
             <div class="kpi-body">
-              <div class="kpi-value"><%= kpis.avg ?? '—' %></div>
+              <div class="kpi-value">${kpis.avg ?? '—'}</div>
               <div class="kpi-label">Avg rating</div>
               <div class="kpi-sub">across active players</div>
             </div>
@@ -38,7 +38,7 @@
           <article class="kpi-tile">
             <span class="kpi-rail up"></span>
             <div class="kpi-body">
-              <div class="kpi-value"><%= kpis.climbing %></div>
+              <div class="kpi-value">${kpis.climbing}</div>
               <div class="kpi-label">Climbing</div>
               <div class="kpi-sub">this month</div>
             </div>
@@ -46,7 +46,7 @@
           <article class="kpi-tile">
             <span class="kpi-rail down"></span>
             <div class="kpi-body">
-              <div class="kpi-value"><%= kpis.slipping %></div>
+              <div class="kpi-value">${kpis.slipping}</div>
               <div class="kpi-label">Slipping</div>
               <div class="kpi-sub">this month</div>
             </div>