3.7

Updated event banner to fit top screen Updated table thermal colours to max hot and min cold for 2h, 3h & 4h Ground Lab preview
2026-08-01 16:18:15 +01:00
parent 2869694634
commit e55e0df86f
15 changed files with 406 additions and 380 deletions
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>scope cell</title>
+  <link rel="stylesheet" href="./assets/css/header.css" />
+  <style>
+    html,body { margin:0; height:100%; background: transparent; overflow: hidden; }
+    #cell { display:flex; align-items:center; justify-content:center; height:100%; }
+    .scope-ring { width: 200px; height: 200px; }
+  </style>
+</head>
+<body>
+  <div id="cell"></div>
+  <script type="module">
+    import { h, render } from './assets/vendor/preact.js';
+    const { ScopeReticle } = await import('./assets/js/components.js?v=' + Date.now());
+
+    const q = new URLSearchParams(location.search);
+    const n = (k, d) => { const v = q.get(k); return v == null ? d : Number(v); };
+
+    // hour drives the rising/setting palette (UTC hour < 12 => sunrise tints).
+    const dt = new Date(Date.UTC(2026, 5, 6, n('hour', 12), 0, 0));
+    const cat = { label: 'Comfortable', bg: '#90d090', fg: '#157a15' };
+    const storm = q.get('storm') === '1';
+
+    render(h(ScopeReticle, {
+      value: 12.4, cat, loading: false,
+      elev: n('elev', 30), dt, glob: n('glob', 400),
+      activeEvent: storm ? { id: 'storm' } : null,
+      cc: n('cc', 0), ccLow: n('ccLow', 0), ccMid: n('ccMid', 0), ccHigh: n('ccHigh', 0),
+      precip: n('precip', 0), snow: n('snow', 0), visKm: n('vis', 30),
+      env: q.get('env') || 'open',
+      wind: n('wind', 0), gust: n('gust', 0), wd: q.get('wd') != null ? n('wd', 0) : null,
+    }), document.getElementById('cell'));
+  </script>
+</body>
+</html>