gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

3.2.4.1

Browse Source 
Add values to thermal bands
This commit is contained in:
fraxle
2026-07-09 11:45:57 +01:00
parent eea78c2bc4
commit e4bdfb88c3
2 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/ui.css
+18 -4
View File
@@ -1240,18 +1240,32 @@
} }
.utci-legend-item { .utci-legend-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
padding: 6px 12px; padding: 6px 12px;
font-family: Manrope, sans-serif; font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
flex: 1; flex: 1;
min-width: 110px; min-width: 110px;
text-align: center; text-align: center;
opacity: 0.9; opacity: 0.9;
} }
.utci-legend-item-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.utci-legend-item-value {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.02em;
opacity: 0.85;
}
/* ── 11. ABOUT + FOOTER ─────────────────────────────────────────────── */ /* ── 11. ABOUT + FOOTER ─────────────────────────────────────────────── */
assets/js/app.js
+11 -8
View File
@@ -1756,13 +1756,13 @@ export function UTCIForecast() {
<span class="utci-legend-label">Thermal stress bands</span> <span class="utci-legend-label">Thermal stress bands</span>
<div class="utci-legend-row"> <div class="utci-legend-row">
${[ ${[
{ t: -9, label: 'Freezing' }, { t: -9, label: 'Freezing', value: '< 0°C' },
{ t: 1, label: 'Cold' }, { t: 1, label: 'Cold', value: '0–10°C' },
{ t: 11, label: 'Cool' }, { t: 11, label: 'Cool', value: '10–19°C' },
{ t: 21, label: 'Comfortable', bold: true }, { t: 21, label: 'Comfortable', value: '19–24°C', bold: true },
{ t: 29, label: 'Caution' }, { t: 29, label: 'Caution', value: '27–32°C' },
{ t: 36, label: 'Extreme' }, { t: 36, label: 'Extreme', value: '32–41°C' },
{ t: 47, label: 'Danger' }, { t: 47, label: 'Danger', value: '41°C+' },
].map((b, i) => { ].map((b, i) => {
const rgb = airTempRgb(b.t) || [200, 200, 200]; const rgb = airTempRgb(b.t) || [200, 200, 200];
const mid = `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`; const mid = `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`;
@@ -1771,7 +1771,10 @@ export function UTCIForecast() {
const bg = `linear-gradient(135deg, ${light} 0%, ${mid} 60%, ${dark} 100%)`; const bg = `linear-gradient(135deg, ${light} 0%, ${mid} 60%, ${dark} 100%)`;
const lum = (rgb[0]*299 + rgb[1]*587 + rgb[2]*114) / 1000; const lum = (rgb[0]*299 + rgb[1]*587 + rgb[2]*114) / 1000;
const fg = lum > 165 ? '#1a1a1a' : '#ffffff'; const fg = lum > 165 ? '#1a1a1a' : '#ffffff';
return html`<span key=${i} class="utci-legend-item" style=${{ background: bg, color: fg, ...(b.bold ? { fontWeight: 700 } : {}) }}>${b.label}</span>`; return html`<span key=${i} class="utci-legend-item" style=${{ background: bg, color: fg, ...(b.bold ? { fontWeight: 700 } : {}) }}>
<span class="utci-legend-item-label">${b.label}</span>
<span class="utci-legend-item-value">${b.value}</span>
</span>`;
})} })}
</div> </div>
</div> </div>