58 lines
1.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Example Capacitor App - DumonGeolocation</title>
<meta
name="viewport"
content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="format-detection" content="telephone=no" />
<style>
body {
font-family: sans-serif;
margin: 1rem;
background-color: #ffffff;
}
h1 {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
button {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
padding: 8px 16px;
font-size: 1rem;
border: none;
background-color: #3366ff;
color: white;
border-radius: 6px;
cursor: pointer;
}
pre {
background-color: #f8f8f8;
padding: 1rem;
border: 1px solid #ccc;
border-radius: 6px;
overflow-x: auto;
white-space: pre-wrap;
font-size: 0.9rem;
max-height: 70vh;
}
</style>
</head>
<body>
<h1>Capacitor DumonGeolocation Plugin Test</h1>
<button id="startButton">Start Positioning</button>
<button id="stopButton">Stop Positioning</button>
<button id="getLatestButton">Get Latest Position</button>
<pre id="logArea"></pre>
<script type="module" src="./js/example.js"></script>
</body>
</html>