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.index.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.index.html')
| -rw-r--r-- | radar.index.html | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/radar.index.html b/radar.index.html index 8043d15..0bfea50 100644 --- a/radar.index.html +++ b/radar.index.html @@ -2,18 +2,25 @@ <html lang="en"> <head> <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Radar</title> <style> html, body { margin: 0; height: 100%; background: #000; color: #ccc; font-family: sans-serif; } - body { display: flex; justify-content: center; align-items: center; gap: 4em; } - a { color: #ccc; text-decoration: none; font-size: 2em; padding: 0.5em 1em; - border: 1px solid #444; border-radius: 0.3em; } - a:hover { background: #222; color: #fff; } + body { display: flex; flex-wrap: wrap; justify-content: center; + align-items: center; gap: 1.5em; padding: 1.5em; box-sizing: border-box; } + a { color: #ccc; text-decoration: none; font-size: 1.6em; padding: 0.5em 1.2em; + border: 1px solid #444; border-radius: 0.3em; min-width: 5em; + text-align: center; } + a:hover { background: #222; color: #fff; border-color: #888; } + a.synoptic { border-style: dashed; } </style> </head> <body> <a href="/sydney/">Sydney</a> <a href="/brisbane/">Brisbane</a> + <a href="/canberra/">Canberra</a> + <a href="/cairns/">Cairns</a> + <a class="synoptic" href="https://pestrel.com/">Synoptic</a> </body> </html> |