From 3e4ef00f5cdd05db483a216daee688562e4ba8df Mon Sep 17 00:00:00 2001
From: fraxle <fraxle@yahoo.co.uk>
Date: Tue, 19 May 2026 21:18:28 +0100
Subject: [PATCH] 1.6.3

Gusts in MPH and colour scaled
---
 assets/css/ui.css                  | 7 ++++++-
 assets/js/app.js                   | 8 ++++----
 assets/js/config.js                | 2 +-
 assets/js/events/weather-checks.js | 4 ++--
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/assets/css/ui.css b/assets/css/ui.css
index b4ed312..7852d21 100644
--- a/assets/css/ui.css
+++ b/assets/css/ui.css
@@ -578,6 +578,9 @@
   color: #1e1208;
   margin-bottom: 14px;
   letter-spacing: -0.01em;
+  max-width: 860px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .utci-about-text {
@@ -586,7 +589,9 @@
   line-height: 1.75;
   color: #4a3420;
   margin-bottom: 12px;
-  max-width: 860px;                     /* keeps line length readable */
+  max-width: 860px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .utci-about-text:last-child {
diff --git a/assets/js/app.js b/assets/js/app.js
index 2509f3b..9bd4dd8 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -1248,7 +1248,7 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`<button cla
                     ${visibleCols.soilT6  && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('soilT6', e)} onMouseEnter=${(e) => handleThEnter('soilT6', e)} onMouseLeave=${handleThLeave}>Soil 6cm <span class="col-unit">°C root</span></th>`}
                     ${visibleCols.soilM     && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('soilM', e)} onMouseEnter=${(e) => handleThEnter('soilM', e)} onMouseLeave=${handleThLeave}>Soil moist <span class="col-unit">m³/m³</span></th>`}
                     ${visibleCols.concreteT && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('concreteT', e)} onMouseEnter=${(e) => handleThEnter('concreteT', e)} onMouseLeave=${handleThLeave}>Concrete <span class="col-unit">°C surface</span></th>`}
-                    ${visibleCols.wind    && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('wind', e)} onMouseEnter=${(e) => handleThEnter('wind', e)} onMouseLeave=${handleThLeave}>Wind <span class="col-unit">m/s (gust)</span></th>`}
+                    ${visibleCols.wind    && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('wind', e)} onMouseEnter=${(e) => handleThEnter('wind', e)} onMouseLeave=${handleThLeave}>Wind <span class="col-unit">mph (gust)</span></th>`}
                     ${visibleCols.dir     && html`<th class="utci-dir-cell col-info-th" scope="col" onClick=${(e) => handleThClick('dir', e)} onMouseEnter=${(e) => handleThEnter('dir', e)} onMouseLeave=${handleThLeave}>Dir <span class="col-unit">-</span></th>`}
                     ${visibleCols.cloud   && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('cloud', e)} onMouseEnter=${(e) => handleThEnter('cloud', e)} onMouseLeave=${handleThLeave}>Cloud <span class="col-unit">%</span></th>`}
                     ${visibleCols.vis    && html`<th class="col-info-th" scope="col" onClick=${(e) => handleThClick('vis', e)} onMouseEnter=${(e) => handleThEnter('vis', e)} onMouseLeave=${handleThLeave}>Visibility <span class="col-unit">km</span></th>`}
@@ -1373,9 +1373,9 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`<button cla
                           <td style=${{ color: r.concreteT != null && r.concreteT > 40 ? '#c0392b' : r.concreteT != null && r.concreteT > 30 ? '#e67e22' : '#7f8c8d', fontWeight: 'bold', background: tempBg(r.concreteT) }}>
                             ${r.concreteT != null ? r.concreteT.toFixed(1) : '—'}
                           </td>`}
-                        ${visibleCols.wind    && html`<td style=${{ background: scaleBg(r.gust ?? r.va, 0, 18, '85,130,180') }}>
-                          ${r.va.toFixed(1)}${r.gust != null && r.gust > r.va + 0.5
-                            ? html`<span style=${{ opacity: 0.65, marginLeft: '4px' }}>(${r.gust.toFixed(1)})</span>`
+                        ${visibleCols.wind    && html`<td style=${{ background: scaleBg((r.gust ?? r.va) * 2.237, 0, 40, '85,130,180') }}>
+                          ${Math.round(r.va * 2.237)}${r.gust != null && r.gust > r.va + 0.5
+                            ? (gm => html`<span style=${{ marginLeft: '4px', fontWeight: gm >= 25 ? 700 : 'normal', opacity: gm >= 25 ? 1 : 0.65, color: gm >= 55 ? '#b81010' : gm >= 40 ? '#d44010' : gm >= 25 ? '#c47a00' : 'inherit' }}>(${Math.round(gm)})</span>`)(r.gust * 2.237)
                             : ''}
                         </td>`}
                         ${visibleCols.dir     && html`<td class="utci-dir-cell">
diff --git a/assets/js/config.js b/assets/js/config.js
index 2f89ac4..6f79213 100644
--- a/assets/js/config.js
+++ b/assets/js/config.js
@@ -162,7 +162,7 @@ export const COL_DESCRIPTIONS = {
   air:       { title: 'Air Temperature',  desc: 'Measured air temperature at 2 m above the ground. This is the standard thermometer reading — it does not account for sun, wind, or humidity.' },
   rh:        { title: 'Relative Humidity', desc: 'How much moisture the air holds relative to its maximum capacity at that temperature. High RH makes warm days feel stickier and cold days feel rawer.' },
   dew:       { title: 'Dew Point',        desc: 'The temperature at which air becomes saturated and moisture begins to condense. A useful measure of absolute humidity — above 16 °C it starts to feel muggy; above 21 °C it feels oppressive.' },
-  wind:      { title: 'Wind Speed',       desc: 'Mean wind speed at 10 m, with peak gust in brackets where significantly higher. Wind dramatically increases heat loss from exposed skin — the basis of wind chill.' },
+  wind:      { title: 'Wind Speed',       desc: 'Mean wind speed at 10 m in mph, with peak gust in brackets where significantly higher. Gust colour indicates strength: amber 25-39 mph, orange 40-54 mph, red 55+ mph. Wind dramatically increases heat loss from exposed skin — the basis of wind chill.' },
   dir:       { title: 'Wind Direction',   desc: 'The compass direction the wind is blowing from, shown as an arrow and abbreviated label (e.g. SW = south-westerly).' },
   cloud:     { title: 'Cloud Cover',      desc: 'Total cloud cover as a percentage of the sky. High cloud blocks solar radiation and reduces both daytime heating and overnight cooling.' },
   sun:       { title: 'Sun Elevation',    desc: 'The angle of the sun above the horizon in degrees. Below 0° the sun has set. The higher the elevation, the more intense the solar radiation reaching the ground.' },
diff --git a/assets/js/events/weather-checks.js b/assets/js/events/weather-checks.js
index bcb3cd0..61da782 100644
--- a/assets/js/events/weather-checks.js
+++ b/assets/js/events/weather-checks.js
@@ -112,8 +112,8 @@ export function checkStorm(rows) {
     emoji: '🌩️',
     title: isStorm ? 'Storm Conditions Forecast' : 'Blustery & Wet Today',
     message: isStorm
-      ? `Storm-level conditions expected — gusts to ${maxGust.toFixed(0)} m/s with heavy precipitation. Take care outdoors.`
-      : `Unsettled day ahead — windy with gusts to ${maxGust.toFixed(0)} m/s and ${maxPrecip.toFixed(1)} mm/h rain at peak.`,
+      ? `Storm-level conditions expected — gusts to ${Math.round(maxGust * 2.237)} mph with heavy precipitation. Take care outdoors.`
+      : `Unsettled day ahead — windy with gusts to ${Math.round(maxGust * 2.237)} mph and ${maxPrecip.toFixed(1)} mm/h rain at peak.`,
     color: '#1a2030',
     textColor: '#c0d8f0',
     type: 'weather',