3.0.2.2

Smaller welcome popup for mobile. Deeper simple graph colours

assets/css/ui.css

@@ -1042,9 +1042,66 @@
 @media (max-width: 800px) {
     .welcome-card {
       padding: 26px 20px;
+      margin-top: 80px; /* Ensure it sits below the fixed header */
     }
     .welcome-title {
-    font-size: 1.3rem;
+      font-size: 1.1rem;
+    }
+    .welcome-intro {
+      font-size: 0.85rem;
+    }
+    .welcome-step-text {
+      font-size: 0.85rem;
+    }
+    .welcome-step-title {
+      font-size: 0.9rem;
+    }
+    .welcome-step-body {
+      font-size: 0.8rem;
+    }
+    .welcome-cta {
+      font-size: 0.85rem;
+    }
+    .welcome-step-num {
+      font-size: 0.75rem;
+    }
+      margin-top: 80px; /* Ensure it sits below the fixed mobile header */
+    }
+    .welcome-title {
+      font-size: 1.1rem;
+    }
+    .welcome-intro {
+      font-size: 0.85rem;
+    }
+    .welcome-step-text {
+      font-size: 0.85rem;
+    }
+    .welcome-step-title {
+      font-size: 0.9rem;
+    }
+    .welcome-step-body {
+      font-size: 0.8rem;
+    }
+    .welcome-cta {
+      font-size: 0.85rem;
+    }
+    .welcome-step-num {
+      font-size: 0.75rem;
+    }
+    .welcome-intro {
+      font-size: 0.85rem;
+    }
+    .welcome-step-text {
+      font-size: 0.85rem;
+    }
+    .welcome-step-title {
+      font-size: 0.9rem;
+    }
+    .welcome-step-body {
+      font-size: 0.8rem;
+    }
+    .welcome-cta {
+      font-size: 0.85rem;
     }
 }
 .utci-fetch-time {

assets/js/app.js

@@ -405,6 +405,7 @@ export function UTCIForecast() {
     return raw.map(c => Math.min(255, Math.round(c + (255 - c) * whiteMix)));
   };
   const airTempRgbStrong = (t) => airTempRgb(t, 0.42);
+  const airTempRgbVeryStrong = (t) => airTempRgb(t, 0.25);
 
   // ─── 3b. PANEL COMPUTATIONS ──────────────────────────────────────────
   // Derived from currentRow and the active day - no side effects.
@@ -1138,14 +1139,14 @@ export function UTCIForecast() {
                     <defs>
                       <linearGradient id="fsc-grad" x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox">
                         ${fscSrc.map((r, j) => {
-                          const rgb = airTempRgb(getT(r)) || [200, 200, 200];
+                          const rgb = airTempRgbStrong(getT(r)) || [200, 200, 200];
                           const fc = `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`;
                           return html`<stop key=${j} offset=${`${((j + 0.5) / fscSrc.length * 100).toFixed(1)}%`} stop-color=${fc} />`;
                         })}
                       </linearGradient>
                       <linearGradient id="fsc-grad-strong" x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox">
                         ${fscSrc.map((r, j) => {
-                          const rgb = airTempRgbStrong(getT(r)) || [200, 200, 200];
+                          const rgb = airTempRgbVeryStrong(getT(r)) || [200, 200, 200];
                           const fc = `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`;
                           return html`<stop key=${`s${j}`} offset=${`${((j + 0.5) / fscSrc.length * 100).toFixed(1)}%`} stop-color=${fc} />`;
                         })}

data/tracking.json

@@ -68,5 +68,29 @@
         "profiles": {
             "vehicle": 1
         }
+    },
+    "2026-06-19": {
+        "visits": 11,
+        "profiles": []
+    },
+    "2026-06-20": {
+        "visits": 4,
+        "profiles": {
+            "showall": 6,
+            "basic": 4,
+            "home": 8,
+            "vehicle": 9,
+            "alltemps": 7,
+            "custom": 1
+        }
+    },
+    "2026-06-21": {
+        "visits": 6,
+        "profiles": {
+            "basic": 2,
+            "home": 3,
+            "vehicle": 2,
+            "farming": 5
+        }
     }
 }