diff options
| author | St33v <github@f3rr3t.com> | 2026-06-10 13:30:38 +1000 |
|---|---|---|
| committer | St33v <github@f3rr3t.com> | 2026-06-10 13:30:38 +1000 |
| commit | ba84faaf144cd15af3aba2650c043467fe31ee06 (patch) | |
| tree | c971106c31db0c8e07a32dd6307d4a771a1f547f /radar.sydney.html | |
| parent | 5eff385770b3a7ddcfb9fcf4349be28013251a75 (diff) | |
Add Canberra and Cairns radars; cross-page nav
Two new product codes: IDR403 (Canberra) and IDR193 (Cairns).
radar.service / radar-retry.service gain two more ExecStart= lines.
Per-radar pages: nav strip at top with all four radars + a Synoptic
button linking to pestrel.com; current page is highlighted. Layout
switched to column flex (nav on top, image fills below) and the
image now uses `width: 100%; max-width: 512px` so it fills phone
viewports without upscaling beyond the BOM-native 512px on desktop.
Synoptic page (index.html): "Radars" button fixed to the left edge
at top 16.6%, linking to https://radar.pestrel.com/.
Landing page (radar.pestrel.com/): rebalanced for four radars plus
a dashed-border Synoptic button.
nginx/radar.pestrel.com.conf: pulled in the certbot-managed TLS
block so a fresh setup matches production state.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Diffstat (limited to 'radar.sydney.html')
| -rw-r--r-- | radar.sydney.html | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/radar.sydney.html b/radar.sydney.html index 5c5c69d..db2a216 100644 --- a/radar.sydney.html +++ b/radar.sydney.html @@ -2,17 +2,31 @@ <html lang="en"> <head> <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Radar — Sydney</title> <style> - body { margin: 0; background: #000; display: flex; justify-content: center; align-items: center; height: 100vh; } - img { max-width: 100%; max-height: 100vh; } - nav { position: fixed; top: 0.5em; right: 0.75em; font-family: sans-serif; } - nav a { color: #888; text-decoration: none; font-size: 0.9em; } - nav a:hover { color: #fff; } + html, body { margin: 0; background: #000; min-height: 100vh; } + body { display: flex; flex-direction: column; min-height: 100vh; } + nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.6em; + padding: 0.6em; font-family: sans-serif; } + nav a { color: #aaa; text-decoration: none; font-size: 0.95em; + padding: 0.35em 0.9em; border: 1px solid #333; border-radius: 0.3em; } + nav a:hover { color: #fff; border-color: #777; } + nav a.current { color: #fff; border-color: #888; background: #1a1a1a; } + main { flex: 1; display: flex; justify-content: center; align-items: center; + min-height: 0; } + img { width: 100%; max-width: 512px; max-height: 100%; height: auto; + display: block; } </style> </head> <body> - <img src="/idr713-loop.apng" alt="Sydney radar loop"> - <nav><a href="/brisbane/">Brisbane →</a></nav> + <nav> + <a class="current" href="/sydney/">Sydney</a> + <a href="/brisbane/">Brisbane</a> + <a href="/canberra/">Canberra</a> + <a href="/cairns/">Cairns</a> + <a href="https://pestrel.com/">Synoptic</a> + </nav> + <main><img src="/idr713-loop.apng" alt="Sydney radar loop"></main> </body> </html> |