<!doctype html>
<html>
<meta charset="utf-8">
<title>Share a geographic position</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<body>
<div id="content"></div>
<noscript>This website requires JavaScript</noscript>
<script src="script.js"></script>
<style>
body {
max-width: 40ch;
margin: 1em auto;
padding: 0 0.5em;
font-size: 1.2em;
}
li {
padding: 1em;
}
.input-group { display: flex; gap: 0.2em; margin-bottom: 1em; }
.input-group input { flex-grow: 1; }
input, button { font-size: inherit; }
.error { color: darkred; }
</style>
</body>
</html>