Added html hints to enable syntax highliting

main.js

@@ -538,7 +538,7 @@ document.addEventListener("DOMContentLoaded", () => {
             return;
         }
 
-        ui.nowRunningRow.innerHTML = movieProgram.map((movie, index) => `
+        ui.nowRunningRow.innerHTML = movieProgram.map((movie, index) => /*html*/`
             <article class="running-poster">
                 <img src="${escapeHtml(movie.poster)}" alt="${escapeHtml(movie.title)}">
                 <div class="running-meta">
@@ -562,7 +562,7 @@ document.addEventListener("DOMContentLoaded", () => {
             return;
         }
 
-        body.innerHTML = day.showings.map((showing) => `
+        body.innerHTML = day.showings.map((showing) => /*html*/`
             <button class="schedule-row time-chip program-time-row" data-movie="${escapeHtml(movie.title)}" data-hall="${escapeHtml(showing.hall)}" data-time="${escapeHtml(showing.time)}">
                 <span>${escapeHtml(day.long)}</span>
                 <span class="hall-pill">${escapeHtml(showing.hall)}</span>
@@ -577,14 +577,14 @@ document.addEventListener("DOMContentLoaded", () => {
         }
 
         ui.movieProgramList.innerHTML = movieProgram.map((movie, programIndex) => {
-            const dayTabs = movie.schedule.map((day, dayIndex) => `
+            const dayTabs = movie.schedule.map((day, dayIndex) => /*html*/`
                 <button type="button" class="program-day-tab ${dayIndex === 0 ? "active" : ""}" data-program-index="${programIndex}" data-day-index="${dayIndex}">
                     <span>${escapeHtml(day.short)}</span>
                     <small>${escapeHtml(formatDateShort(day.date))}</small>
                 </button>
             `).join("");
 
-            return `
+            return /*html*/`
                 <article class="detailed-card program-card reveal-on-scroll" data-program-index="${programIndex}">
                     <div class="card-left">
                         <img src="${escapeHtml(movie.poster)}" alt="${escapeHtml(movie.title)}">