SCI Display Board /* Base container */ #sci-display { padding: 10px; background-color: #111; color: #eee; font-family: 'Arial', sans-serif; } /* Header */ .sci-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; } .sci-header-logo { flex: 0 0 70px; height: 60px; } .sci-header-content { flex: 1; } #header-title { font-size: 18px; font-weight: bold; margin: 0; } #last-updated { font-size: 14px; display: block; color: #ccc; } /* Notify area */ #notify-div { margin-bottom: 15px; } /* Summary Grid */ #summary-div { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .sci-info-box { background-color: #333; color: #ccc; width: calc(25% - 10px); height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 30px; font-weight: bold; transition: transform 0.2s; } .sci-info-box:hover { transform: scale(1.05); background-color: #444; } /* Footer court message */ #court-message-div { margin-top: 15px; padding: 10px; background-color: #222; color: #eee; border-radius: 5px; } /* Responsive */ @media (max-width: 992px) { .sci-info-box { width: calc(33.33% - 10px); height: 70px; font-size: 26px; } } @media (max-width: 768px) { .sci-info-box { width: calc(50% - 10px); height: 60px; font-size: 22px; } #header-title { font-size: 16px; } #last-updated { font-size: 13px; } } @media (max-width: 480px) { .sci-info-box { width: 100%; font-size: 20px; height: 55px; } } .sci-info-box, .sci-header-content h2 { text-decoration: none; color: #eee !important; } Display Board C1 C2 C3 C4 C5 C6 C7 C8 C9 C10 C11 C12 C13 C14 C15 C16 C17 RC1 RC2 function updateLastUpdated() { const now = new Date(); // Convert to IST (UTC +5:30) const istOffset = 5.5 * 60; // minutes const localOffset = now.getTimezoneOffset(); // minutes const istTime = new Date(now.getTime() + (istOffset + localOffset) * 60000); const day = istTime.getDate().toString().padStart(2, '0'); const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; const month = monthNames[istTime.getMonth()]; let hours = istTime.getHours(); const minutes = istTime.getMinutes().toString().padStart(2, '0'); const ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; // handle midnight (0 becomes 12) const formattedTime = `${day} ${month} @ ${hours}:${minutes} ${ampm} (just now)`; document.getElementById("last-updated").textContent = formattedTime; } document.addEventListener("DOMContentLoaded", () => { updateLastUpdated(); setInterval(updateLastUpdated, 60000); // update every minute });
SCI Display Board /* Base container */ #sci-display { padding: 10px; background-color: #111; color: #eee; font-family: 'Arial', sans-serif; } /* Header */ .sci-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; } .sci-header-logo { flex: 0 0 70px; height: 60px; } .sci-header-content { flex: 1; } #header-title { font-size: 18px; font-weight: bold; margin: 0; } #last-updated { font-size: 14px; display: block; color: #ccc; } /* Notify area */ #notify-div { margin-bottom: 15px; } /* Summary Grid */ #summary-div { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .sci-info-box { background-color: #333; color: #ccc; width: calc(25% - 10px); height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 30px; font-weight: bold; transition: transform 0.2s; } .sci-info-box:hover { transform: scale(1.05); background-color: #444; } /* Footer court message */ #court-message-div { margin-top: 15px; padding: 10px; background-color: #222; color: #eee; border-radius: 5px; } /* Responsive */ @media (max-width: 992px) { .sci-info-box { width: calc(33.33% - 10px); height: 70px; font-size: 26px; } } @media (max-width: 768px) { .sci-info-box { width: calc(50% - 10px); height: 60px; font-size: 22px; } #header-title { font-size: 16px; } #last-updated { font-size: 13px; } } @media (max-width: 480px) { .sci-info-box { width: 100%; font-size: 20px; height: 55px; } } .sci-info-box, .sci-header-content h2 { text-decoration: none; color: #eee !important; } Display Board C1 C2 C3 C4 C5 C6 C7 C8 C9 C10 C11 C12 C13 C14 C15 C16 C17 RC1 RC2 function updateLastUpdated() { const now = new Date(); // Convert to IST (UTC +5:30) const istOffset = 5.5 * 60; // minutes const localOffset = now.getTimezoneOffset(); // minutes const istTime = new Date(now.getTime() + (istOffset + localOffset) * 60000); const day = istTime.getDate().toString().padStart(2, '0'); const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; const month = monthNames[istTime.getMonth()]; let hours = istTime.getHours(); const minutes = istTime.getMinutes().toString().padStart(2, '0'); const ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; // handle midnight (0 becomes 12) const formattedTime = `${day} ${month} @ ${hours}:${minutes} ${ampm} (just now)`; document.getElementById("last-updated").textContent = formattedTime; } document.addEventListener("DOMContentLoaded", () => { updateLastUpdated(); setInterval(updateLastUpdated, 60000); // update every minute });
