diff options
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> |