blob: 0bfea50c1ede23252053a8b9798d711aed139866 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<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; 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>
|
