johan
/
alert-dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Screaming red + glow for crit, blue for cold temp

This commit is contained in:
James 2026-02-14 02:58:28 -05:00
parent 91cb650bf7
commit 180d7091b8
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -32,7 +32,8 @@ canvas#clock { width: 180px; height: 180px; }
#room-sensors .sensor-val { font-size: 26px; font-weight: 300; color: #e0ddd5; font-variant-numeric: tabular-nums; line-height: 1.1; } #room-sensors .sensor-val { font-size: 26px; font-weight: 300; color: #e0ddd5; font-variant-numeric: tabular-nums; line-height: 1.1; }
#room-sensors .sensor-label { font-size: 9px; color: #c8b273; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; } #room-sensors .sensor-label { font-size: 9px; color: #c8b273; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; }
#room-sensors .sensor-val.warn { color: #d4a050; } #room-sensors .sensor-val.warn { color: #d4a050; }
#room-sensors .sensor-val.crit { color: #c45; } #room-sensors .sensor-val.crit { color: #ff2222; text-shadow: 0 0 8px rgba(255,34,34,0.6); }
#room-sensors .sensor-val.cold { color: #4488ff; text-shadow: 0 0 8px rgba(68,136,255,0.6); }
/* Calendar */ /* Calendar */
#calendar { width: 100%; max-width: 280px; } #calendar { width: 100%; max-width: 280px; }
@ -376,7 +377,7 @@ async function updateSensors() {
const tempEl = document.getElementById('s-temp'); const tempEl = document.getElementById('s-temp');
tempEl.textContent = Math.round(tempF) + '°'; tempEl.textContent = Math.round(tempF) + '°';
tempEl.title = tempC + '°C'; tempEl.title = tempC + '°C';
tempEl.className = 'sensor-val' + (tempF < 73 || tempF > 76 ? ' crit' : ''); tempEl.className = 'sensor-val' + (tempF < 73 ? ' cold' : tempF > 76 ? ' crit' : '');
const hum = parseFloat(d.humidity); const hum = parseFloat(d.humidity);
const humEl = document.getElementById('s-hum'); const humEl = document.getElementById('s-hum');